延迟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事件的方法
URL地址:http://www.zjjierui.cn/article/jjdops.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉,无效全额退款