延迟mouseover事件的方法

$(document).ready(function(){
        var timeid; //设置一个全局变量
        $(".btn a").each(function(i){
            $(this).mouseover(function(){
                timeid=setTimeout(function(){  //设置延迟时间
                    $("#student"+i).show().siblings(".box_wrap").hide();
                    $(this).attr("id","current");
                    $(this).siblings().attr("id","");
                },300)
            }).mouseout(function(){
                clearTimeout(timeid); //鼠标离开解除延迟
            })
        })
    })

用时间定时器来setTimeout()方法来延迟mouseover事件,避免不小心或者恶意鼠标划过事件。

创新互联 - 四川电信科技城机房,四川服务器租用,成都服务器租用,四川网通托管,绵阳服务器托管,德阳服务器托管,遂宁服务器托管,绵阳服务器托管,四川云主机,成都云主机,西南云主机,四川电信科技城机房,西南服务器托管,四川/成都大带宽,成都机柜租用,四川老牌IDC服务商


标题名称:延迟mouseover事件的方法
文章分享:http://ybzwz.com/article/jjdops.html