当前位置：刺猬源码 > 前端素材 > tab标签 > jQuery大气图标选项卡切换特效插件

jQuery大气图标选项卡切换特效插件

作者 : 小刺猬本文共691个字，预计阅读时间需要2分钟发布时间： 2020-08-6 共274人阅读

jQuery大气图标选项卡切换特效插件

jQuery大气图标选项卡切换特效插件是一款jQuery Tab选项卡代码。

js代码

<script type="text/javascript">
$(function(){
    var tabNum=$(".important").find("li");
    var contentNum=$(".contents").children();
    var timer;
    $(tabNum).each(function(index){
        $(this).hover(function(){
            var that=$(this)
             timer=window.setTimeout(function(){
                $(contentNum).eq(index).css({"display":"block"});
                $(contentNum).eq(index).siblings().css({"display":"none"});
                 that.find("a").css({"background":"#FFF","color":"#fff"});
                 that.find("strong").show();
                 that.siblings().find("strong").hide();
                 that.siblings().find("a").css({"background":"#fff","color":"black"});
            },100)
        },function(){
            window.clearTimeout(timer);
        })
    })
})
</script>
VIP免费 永久VIP免费当前隐藏内容需要支付1金币
已有0人支付

刺猬源码 » jQuery大气图标选项卡切换特效插件