延迟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://csruizhi.cn/article/jjdops.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 定制网站建设 专业网站建设 H5网站制作 成都网站制作 成都网站设计 高端网站设计推广 移动网站建设 成都网站设计 成都网站制作 成都网站建设 网站设计制作报价 企业网站设计 网站制作 重庆手机网站建设 手机网站设计 成都企业网站设计 企业网站建设 成都网站建设 网站建设 企业网站建设公司 成都网站设计 成都网站设计公司