快捷導(dǎo)航

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>

您可能感興趣的文章:

鼠標(biāo)停留

相關(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子元素過濾選擇器用法示例
這篇文章主要介紹了jQuery子元素過濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery中nth-child、first-child、last-child、only-child等進(jìn)行子元素過濾操作的相關(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í)例
這篇文章主要介紹了jQuery中map()方法用法,實(shí)例分析了map()方法的功能、定義及轉(zhuǎn)換數(shù)組的使用技巧,需要的朋友可以參考下
2015-01-01
JQuery右鍵菜單插件ContextMenu使用指南
這篇文章主要介紹了JQuery右鍵菜單插件ContextMenu使用指南,需要的朋友可以參考下
2014-12-12
基于jquery的網(wǎng)頁SELECT下拉框美化代碼
基于CSS 和JS的網(wǎng)頁SELECT下拉框美化,JQUERY 插件，最近為公司的網(wǎng)頁制做部，開發(fā)了一個(gè)用于美化網(wǎng)頁上select 下拉框的JQUERY插件，拿來與大家分享。
2010-10-10
JQuery實(shí)現(xiàn)圖片輪播效果
本篇文章主要介紹了JQuery實(shí)現(xiàn)圖片輪播效果的制作原理以及實(shí)現(xiàn)代碼，文章末尾附上源碼下載，具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-05-05
jQuery實(shí)現(xiàn)驗(yàn)證碼功能
本文主要介紹了jQuery實(shí)現(xiàn)驗(yàn)證碼功能的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-03-03
ASP.NET jQuery 實(shí)例18 通過使用jQuery validation插件校驗(yàn)DropDownList
這節(jié)我們還可以通過直接設(shè)置DropDownList屬性來設(shè)置jQuery validation插件的校驗(yàn)規(guī)則和提示信息
2012-02-02