JQuery實現當滑鼠停留在某地區3秒後自動執行
這篇文章主要介紹了JQuery實現當滑鼠停留在某地區3秒後自動執行，可以應用於很多情境
| 01 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
| 04 |
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> |
| 06 |
<style type="text/css"> |
| 07 |
.main{width:500px;height:400px;border:dashed 1px #ccc;margin:0 auto;line-height:400px;text-align:center;} |
| 10 |
<script type="text/javascript"> |
| 12 |
$(".main").mouseover(function(){ |
| 13 |
setTimeout(function(){ |
| 14 |
alert('當你的滑鼠移動到框體時，我會延遲3秒才顯示哦！'); |
| 19 |
<div class="main">把滑鼠移入此框體中，等待3秒。</div> |
