欢迎光临景诺科技软件开发淘宝店

进店请收藏,谢谢

jQuery实现tab选项卡和浮层兼容ie6

jQuery实现tab选项卡和浮层兼容ie6

效果图:

jq_tab_demo20140519175403

jquery代码:

<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script><!--如果有则不要引入了-->
<script>
	$(function(){
		$(".sm_tit ul li").mouseover(function(){//tab
			var thisi = $(this).index();			
			$(this).parents("ul").find("a").removeClass("this").eq(thisi).addClass("this");
			var imgcontent = $(this).parents(".sm_imgbox").find(".sm_imgcontent");
			imgcontent.hide().eq(thisi).show();
		});
		
		$(".sm_imgcontent ul li a.imgbox").hover(function(){//浮层	
			$(".sm_imgcontent ul li .fcen").hide();	
			$(this).find(".fcen").css("display","block");
		},function(){
			$(".sm_imgcontent ul li .fcen").hide();	
		});
		
		$(".sm_imgcontent img").mouseout(function(){
			//$(".sm_imgcontent ul li .fcen").hide();
		});
	})
</script>

demo地址:http://shanmao.me/f/jq_tab_demo/

更多

本文固定链接: http://shanmao.me/web/jquery/jquery-shi-xian-tab-xuan-xiang-ka-fu-ceng-jian-rong-ie6 | 山猫的博客

该日志由 admin 于2014年05月19日发表在 jQuery 分类下,
原创文章转载请注明: jQuery实现tab选项卡和浮层兼容ie6 | 山猫的博客