js hover 定時器(實例代碼)

更新時間：2013年11月12日 08:54:08 作者：

下面小編就為大家分享一段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
定時器

Javascript入門學習第八篇 js dom節(jié)點屬性說明
上2篇文章我們講了用dom方式創(chuàng)建節(jié)點，復制節(jié)點，插入節(jié)點, 刪除節(jié)點，替換節(jié)點，查找節(jié)點，獲取屬性等。。。
2008-07-07
JavaScript 鏈式結構序列化詳解
這篇文章主要介紹了JavaScript 鏈式結構序列化詳解的相關資料,需要的朋友可以參考下
2016-09-09
javascript單引號和雙引號的區(qū)別和處理
這篇文章主要介紹了javascript單引號和雙引號的區(qū)別和處理,希望對大家有所幫助
2014-05-05
淺析JS抽象工廠模式
本篇文章主要給大家總結了一下作者在學習JS抽象工廠模式時的經(jīng)驗和總結，有興趣的朋友跟著學習下吧。
2017-12-12
javascript 學習之旅（3）
第四章案例研究：javascript美術館
2009-02-02
Javascript學習筆記之函數(shù)篇（六） : 作用域與命名空間
本文主要講述了javascript中作用域和命名空間的區(qū)別，十分的詳細，這里推薦給大家，希望小伙伴能有所收獲
2014-11-11
淺談javascript基礎之客戶端事件驅(qū)動
下面小編就為大家?guī)硪黄獪\談javascript基礎之客戶端事件驅(qū)動。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
Windows下用PyCharm和Visual Studio開始Python編程
這篇文章主要介紹了Windows下用PyCharm和Visual Studio開始Python編程,這兩個軟件也是Windows下Python的IDE的代表,需要的朋友可以參考下
2015-10-10
基于javascript 閉包基礎分享
閉包向來給包括JavaScript程序員在內(nèi)的程序員以神秘，高深的感覺，事實上，閉包的概念在函數(shù)式編程語言中算不上是難以理解的知識
2013-07-07
javascript設計模式之鴨子類型和多態(tài)
這篇文章主要為大家介紹了javascript鴨子類型和多態(tài)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>
2022-01-01