js hover 定时器(实例代码)

日期：2020-06-11 栏目：程序人生浏览：次

下面小编就为大家分享一段js hover 定时器的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助

$("#showComp tr:not('.stlisttitle')").hover(function(){
        try{if($("#calendarPanel").is(":visible")) $(".playerlist").hide();else{clearTimeout(timMess);
        $(".playerlist").css("top",$(this).offset().top-$(".calendarCon").offset().top-30).show();}}catch(e){}

    },function(){
        timMess=setTimeout(function(){
            $(".playerlist").hide();
         },300);

        //$(this).css("background","");
    });
    $(".playerlist").hover(function(){
        clearTimeout(timMess);
    },function(){
        timMess=setTimeout(function(){

$(".playerlist").hide();

},300);
});

效果如图：

js hover 定时器(实例代码)

您可能感兴趣的文章:

JavaScript有许多小窍门来使编程更加容易。其中之一就是eval()函数，这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。以下是它的说明

2007-04-04

下面小编就为大家带来一篇深入理解JavaScript中的对象复制(Object Clone)。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

2016-05-05

对于新手来说，掌握下面的方法，基本上就可以自己些js了，入门必备

2008-09-09

JavaScript虽然没有类,但变量和一些函数却同样拥有局部作用域的制约,下面结合代码图文讲解JavaScript中的作用域与作用域链:

2016-07-07

本篇文章小编为大家介绍，基于JavaScript 数据类型之Boolean类型分析介绍。需要的朋友参考下

2013-04-04

这篇文章主要介绍了JavaScript中Number.MIN_VALUE属性的使用示例,是JS入门学习中的基础知识,需要的朋友可以参考下

2015-06-06

这篇文章主要介绍了JavaScript中的原型继承基础学习教程,基于原型prototype的继承是JavaScript中实现面向对象中的继承特性的基本手段,需要的朋友可以参考下

2016-05-05

这篇文章主要介绍了javascript中clone对象的方法,需要的朋友可以参考下

2014-12-12

在这一章我主要介绍一些用来检测用户输入的代码，利用这些代码，你也可以写一些自己的检测函数。

2010-02-02

这篇文章主要介绍了JavaScript charCodeAt方法入门实例,charCodeAt方法用于取得指定位置字符的Unicode编码,需要的朋友可以参考下

2014-10-10

转载注明出处：https://www.heiqu.com/wdwppf.html

js hover 定时器(实例代码)

相关推荐