JQuery實現(xiàn)當鼠標停留在某區(qū)域3秒后自動執(zhí)行
更新時間:2014年09月09日 17:28:19 投稿:whsnow
這篇文章主要介紹了JQuery實現(xiàn)當鼠標停留在某區(qū)域3秒后自動執(zhí)行,可以應(yīng)用于很多場景,需要的朋友可以參考下
這篇文章主要介紹了JQuery實現(xiàn)當鼠標停留在某區(qū)域3秒后自動執(zhí)行,可以應(yīng)用于很多場景
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
</head>
<style type="text/css">
.main{width:500px;height:400px;border:dashed 1px #ccc;margin:0 auto;line-height:400px;text-align:center;}
</style>
<body>
<script type="text/javascript">
$(function(){
$(".main").mouseover(function(){
setTimeout(function(){
alert('當你的鼠標移動到框體時,我會延遲3秒才顯示哦!');
},3000)
});
})
</script>
<div class="main">把鼠標移入此框體中,等待3秒。</div>
</body>
</html>
您可能感興趣的文章:
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jquery阻止后續(xù)事件只執(zhí)行第一個事件
- jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
- jquery $.ajax各個事件執(zhí)行順序
- jquery 事件執(zhí)行檢測代碼
- JQuery 給元素綁定click事件多次執(zhí)行的解決方法
- 淺析jquery如何判斷滾動條滾到頁面底部并執(zhí)行事件
- Jquery on方法綁定事件后執(zhí)行多次的解決方法
- JQuery中DOM加載與事件執(zhí)行實例分析
- 淺談js在html中的加載執(zhí)行順序,多個jquery ready執(zhí)行順序
- 使用jQuery加載html頁面到指定的div實現(xiàn)方法
- Jquery在指定DIV加載HTML示例代碼
- jQuery實現(xiàn)在HTML文檔加載完畢后自動執(zhí)行某個事件的方法
相關(guān)文章
jQuery的Ajax用戶認證和注冊技術(shù)實例教程(附demo源碼)
這篇文章主要介紹了jQuery的Ajax用戶認證和注冊技術(shù),結(jié)合完整實例較為詳細的分析講解了jQuery中ajax方法實現(xiàn)用戶驗證與注冊的相關(guān)技巧與注意事項,并附帶了demo源碼供讀者下載,需要的朋友可以參考下2015-12-12
jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫
這篇文章主要介紹了jQuery Ajax 加載數(shù)據(jù)時異步顯示加載動畫的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08
基于Jquery的$.cookie()實現(xiàn)跨越頁面tabs導航實現(xiàn)代碼
基于Jquery的$.cookie()實現(xiàn)跨越頁面tabs導航實現(xiàn)代碼,需要的朋友可以參考下。2011-03-03
jquery插件開發(fā)之實現(xiàn)jquery手風琴功能分享
需要一個手風琴效果,就動手寫了一個。其實有多個現(xiàn)成的jQuery手風琴插件可以用,但對比了一下,總感覺有些笨重,還是自己寫的脈絡(luò)自己最清楚,擴展起來也更容易些2014-03-03
jquery1.4.2 for Visual studio 2010 模板文件
剛把最新的1.4.2 版jquery 整理進了vs2010,每次建項目就能直接用了.文件好多.累死了..2010-07-07

