实用大气的图标菜单切换效果代码

来源:https://www.sucaihuo.com/js/1558.html 2017-03-27 12:44浏览(932) 收藏

这是一款大气选项卡切换,图标tab切换效果。jquery tab选项卡代码,界面非常NICE,简单实用。
实用大气的图标菜单切换效果代码
分类:其它特效 > 图片插件 难易:初级
查看演示 下载资源 下载积分: 30 积分
$(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);
        })
    })
})
标签: 切换选项卡
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2