jquery实现停留半秒后再选择

jquery实现tab停留半秒后,选中菜单、切换tab下的内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
var showHandler=null;
function init(){
    $("#tab_ul").find("li").each(function(index, ele){     
        var divId = "#nav"+index;
        $(ele).mouseover(function(){    <br>              //定时器,半秒后执行      
            showHandler = setTimeout(function(){   
                //实现操作             
            }, 500);
        }).mouseout(function(){<br>              //判断是否清空定时器
            if(showHandler){clearTimeout(showHandler);}
        });
    });
}

  鼠标在tab上停留,设置定时器半秒后事件才执行,如果不到半秒,清空定时器。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。