jquery实现停留半秒后再选择

时间:2014-02-25 21:58:14   收藏:0   阅读:345

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上停留,设置定时器半秒后事件才执行,如果不到半秒,清空定时器。

原文:http://www.cnblogs.com/zhaofeng555/p/3566299.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!