js hover 定時器(實(shí)例代碼)
更新時間:2013年11月12日 08:54:08 作者:
下面小編就為大家分享一段js hover 定時器的簡單實(shí)例。需要的朋友可以過來參考下,希望對大家有所幫助
復(fù)制代碼 代碼如下:
$("#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如何實(shí)現(xiàn)類似QQ好友頭像hover時顯示資料卡的效果(推薦)
- JS組件Bootstrap dropdown組件擴(kuò)展hover事件
- JavaScript實(shí)現(xiàn)為input與textarea自定義hover,focus效果的方法
- javascript解決IE6下hover問題的方法
- js模仿hover的具體實(shí)現(xiàn)代碼
- jQuery控制圖片的hover效果(smartRollover.js)
- js操作css屬性實(shí)現(xiàn)div層展開關(guān)閉效果的方法
- 詳解Javascript動態(tài)操作CSS
- JS操作CSS隨機(jī)改變網(wǎng)頁背景實(shí)現(xiàn)思路
- 使用js操作css實(shí)現(xiàn)js改變背景圖片示例
- JS實(shí)現(xiàn)css hover操作的方法示例
相關(guān)文章
Javascript入門學(xué)習(xí)第八篇 js dom節(jié)點(diǎn)屬性說明
上2篇文章我們講了 用dom方式 創(chuàng)建節(jié)點(diǎn),復(fù)制節(jié)點(diǎn),插入節(jié)點(diǎn), 刪除節(jié)點(diǎn),替換節(jié)點(diǎn),查找節(jié)點(diǎn),獲取屬性等。。。2008-07-07JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解
這篇文章主要介紹了JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09Javascript學(xué)習(xí)筆記之函數(shù)篇(六) : 作用域與命名空間
本文主要講述了javascript中作用域和命名空間的區(qū)別,十分的詳細(xì),這里推薦給大家,希望小伙伴能有所收獲2014-11-11淺談javascript基礎(chǔ)之客戶端事件驅(qū)動
下面小編就為大家?guī)硪黄獪\談javascript基礎(chǔ)之客戶端事件驅(qū)動。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06Windows下用PyCharm和Visual Studio開始Python編程
這篇文章主要介紹了Windows下用PyCharm和Visual Studio開始Python編程,這兩個軟件也是Windows下Python的IDE的代表,需要的朋友可以參考下2015-10-10javascript設(shè)計(jì)模式之鴨子類型和多態(tài)
這篇文章主要為大家介紹了javascript鴨子類型和多態(tài),具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助<BR>2022-01-01