延迟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://www.hxwzsj.com/article/jjdops.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: H5网站制作 定制网站建设 网站设计制作 网站建设方案 成都网站建设 四川成都网站制作 品牌网站建设 成都网站建设 成都网站设计 成都网站制作 成都网站设计 成都网站设计 高端定制网站设计 网站制作 网站制作公司 成都网站建设 营销型网站建设 上市集团网站建设 LED网站设计方案 成都网站设计 攀枝花网站设计 网站建设