js hover 定時(shí)器(實(shí)例代碼)
更新時(shí)間：2013年11月12日 08:54:08 作者：
下面小編就為大家分享一段js hover 定時(shí)器的簡(jiǎn)單實(shí)例。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
復(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時(shí)顯示資料卡的效果(推薦)
- 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動(dòng)態(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)文章
關(guān)于javascript事件響應(yīng)的基礎(chǔ)語法總結(jié)(必看篇)
下面小編就為大家?guī)硪黄P(guān)于javascript事件響應(yīng)的基礎(chǔ)語法總結(jié)(必看篇)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-12-12
圖文詳解Heap Sort堆排序算法及JavaScript的代碼實(shí)現(xiàn)
這篇文章以圖文詳解Heap Sort堆排序算法及JavaScript的代碼實(shí)現(xiàn),堆排序算法基于類二叉樹的堆數(shù)據(jù)結(jié)構(gòu),需要的朋友可以參考下2016-05-05
如果想用javascript獲取一個(gè)元素的樣式信息，首先想到的應(yīng)該是元素的style屬性,下面我們看看javascript如何獲取元素CSS樣式2013-11-11
淺談javascript中onbeforeunload與onunload事件
javascript中onbeforeunload與onunload事件就是頁面加載前與頁面關(guān)閉時(shí)的兩個(gè)功能的函數(shù)，可以防止頁面刷新時(shí)給提示再刷新或頁面關(guān)閉時(shí)給出提示，下面我來介紹onbeforeunload與onunload事件用法。2015-12-12
JavaScript入門教程(6) Window窗口對(duì)象
他是JavaScript中最大的對(duì)象，它描述的是一個(gè)瀏覽器窗口。一般要引用它的屬性和方法時(shí)，不需要用“window.xxx”這種形式，而直接使用“xxx”。一個(gè)框架頁面也是一個(gè)窗口。2009-01-01
URI、URL和URN之間的區(qū)別與聯(lián)系...2006-12-12
Web Inspector：關(guān)于在 Sublime Text 中調(diào)試Js的介紹
本篇文章小編將為大家介紹，Web Inspector：關(guān)于在 Sublime Text 中調(diào)試Js的介紹。需要的朋友可以參考一下2013-04-04
在javascript中對(duì)于DOM的加強(qiáng)
本篇文章，小編為大家介紹關(guān)于在javascript中對(duì)于DOM的加強(qiáng)，有需要的朋友可以參考一下2013-04-04
JavaScript DOM 學(xué)習(xí)第三章 內(nèi)容表格
在這一章我會(huì)解釋我的網(wǎng)站上的所有頁面都在運(yùn)行的內(nèi)容表格的代碼。他會(huì)生產(chǎn)這個(gè)頁面的所有h3和h4的列表，然后給他們添加一個(gè)鏈接。2010-02-02
defer作用是文檔加載完畢了再執(zhí)行腳本,這樣回避免找不到對(duì)象的問題，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2014-01-01