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

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

效果图:

jq_tab_demo20140519175403

jquery代码:

[code lang=”js”]
<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>
[/code]

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