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