JQuery實(shí)現(xiàn)當(dāng)鼠標(biāo)停留在某區(qū)域3秒后自動(dòng)執(zhí)行
更新時(shí)間：2014年09月09日 17:28:19 投稿：whsnow
這篇文章主要介紹了JQuery實(shí)現(xiàn)當(dāng)鼠標(biāo)停留在某區(qū)域3秒后自動(dòng)執(zhí)行，可以應(yīng)用于很多場(chǎng)景，需要的朋友可以參考下
這篇文章主要介紹了JQuery實(shí)現(xiàn)當(dāng)鼠標(biāo)停留在某區(qū)域3秒后自動(dòng)執(zhí)行，可以應(yīng)用于很多場(chǎ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('當(dāng)你的鼠標(biāo)移動(dòng)到框體時(shí)，我會(huì)延遲3秒才顯示哦！');
},3000)
});
})
</script>
<div class="main">把鼠標(biāo)移入此框體中，等待3秒。</div>
</body>
</html>
您可能感興趣的文章:
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jquery阻止后續(xù)事件只執(zhí)行第一個(gè)事件
- jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
- jquery $.ajax各個(gè)事件執(zhí)行順序
- jquery 事件執(zhí)行檢測(cè)代碼
- JQuery 給元素綁定click事件多次執(zhí)行的解決方法
- 淺析jquery如何判斷滾動(dòng)條滾到頁(yè)面底部并執(zhí)行事件
- Jquery on方法綁定事件后執(zhí)行多次的解決方法
- JQuery中DOM加載與事件執(zhí)行實(shí)例分析
- 淺談js在html中的加載執(zhí)行順序,多個(gè)jquery ready執(zhí)行順序
- 使用jQuery加載html頁(yè)面到指定的div實(shí)現(xiàn)方法
- Jquery在指定DIV加載HTML示例代碼
- jQuery實(shí)現(xiàn)在HTML文檔加載完畢后自動(dòng)執(zhí)行某個(gè)事件的方法
相關(guān)文章
使用jQuery中的when實(shí)現(xiàn)多個(gè)AJAX請(qǐng)求對(duì)應(yīng)單個(gè)回調(diào)的例子分享
我在為 Mozilla Developer Network(Mozilla開發(fā)者社區(qū)) 寫代碼時(shí)需要加載的一個(gè)普通的的腳本文件,以及一個(gè)JSON流。 因?yàn)槲覀兪褂胘Query,這意味著需要調(diào)用 jQuery.getScript 和 jQuery.getJSON 函數(shù)2014-04-04
這篇文章主要介紹了jQuery子元素過(guò)濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery中nth-child、first-child、last-child、only-child等進(jìn)行子元素過(guò)濾操作的相關(guān)技巧,需要的朋友可以參考下2016-09-09
JQuery中對(duì)服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作
JQuery中對(duì)服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作總結(jié)，需要的朋友可以參考下。2011-06-06
jQuery實(shí)現(xiàn)右鍵菜單、遮罩等效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)右鍵菜單、遮罩、彈出層效果，適應(yīng)管理系統(tǒng)界面,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了jQuery中map()方法用法,實(shí)例分析了map()方法的功能、定義及轉(zhuǎn)換數(shù)組的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了JQuery右鍵菜單插件ContextMenu使用指南,需要的朋友可以參考下2014-12-12
基于jquery的網(wǎng)頁(yè)SELECT下拉框美化代碼
基于CSS 和JS的網(wǎng)頁(yè)SELECT下拉框美化,JQUERY 插件，最近為公司的網(wǎng)頁(yè)制做部，開發(fā)了一個(gè)用于美化網(wǎng)頁(yè)上select 下拉框的JQUERY插件，拿來(lái)與大家分享。2010-10-10
本篇文章主要介紹了JQuery實(shí)現(xiàn)圖片輪播效果的制作原理以及實(shí)現(xiàn)代碼，文章末尾附上源碼下載，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-05-05
本文主要介紹了jQuery實(shí)現(xiàn)驗(yàn)證碼功能的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-03-03
ASP.NET jQuery 實(shí)例18 通過(guò)使用jQuery validation插件校驗(yàn)DropDownList
這節(jié)我們還可以通過(guò)直接設(shè)置DropDownList屬性來(lái)設(shè)置jQuery validation插件的校驗(yàn)規(guī)則和提示信息2012-02-02