JQuery实现当鼠标停留在某区域3秒后自动执行

更新时间：2014年09月09日 17:28:19 投稿：whsnow

这篇文章主要介绍了JQuery实现当鼠标停留在某区域3秒后自动执行，可以应用于很多场景，需要的朋友可以参考下

这篇文章主要介绍了JQuery实现当鼠标停留在某区域3秒后自动执行，可以应用于很多场景

<!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中proxy()函数的用法
proxy()主要用于在同样的上下文语境中指向另一个对象,下面我们就以实例解析jQuery中proxy()函数的用法,需要的朋友可以参考下
2016-05-05
jQuery中元素选择器（element）简单用法示例
这篇文章主要介绍了jQuery中元素选择器（element）用法,简单通俗的说明了jQuery元素选择器的功能、用法并结合实例形式分析了jQuery元素选择器的相关使用技巧与注意事项,需要的朋友可以参考下
2018-05-05
jQuery版Tab标签切换
网上常见的应用，用jQuery实现起来比较简单，只有几行代码。
2011-03-03
移动节点的jquery代码
节点的移动在应用中比较常见，如何动态移动某一节点来实现某一特殊效果，下面有个不错的示例，希望对大家有所帮助
2014-01-01
ztree实现左边动态生成树右边为内容详情功能
zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件。接下来通过本文给大家分享ztree实现左边动态生成树右边为内容详情功能，需要的朋友参考下吧
2017-11-11
20款超赞的jQuery插件 Web开发人员必备
jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。现在的jQuery插件很多，可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。
2011-02-02
jQuery实现简单评论区
这篇文章主要为大家详细介绍了jQuery实现简单评论区，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-03-03
jQuery实现导航栏头部菜单项点击后变换颜色的方法
这篇文章主要介绍了jQuery实现导航栏头部菜单项点击后变换颜色的方法,涉及jQuery响应鼠标事件针对页面元素的遍历及属性变换相关操作技巧,需要的朋友可以参考下
2017-07-07
jQuery结合Json提交数据到Webservice，并接收从Webservice返回的Json数据
简单的Json数据提交,后台结合asp.net，需要的朋友可以参考下。
2011-02-02
Jquery 实现Tab效果思路是js思路
Jquery 实现Tab效果，思路就是普通的用js的思路控制的，脚本之家发布过更精简的代码，这个比较适合一直用js开始学用jquery控制的朋友一个参考。
2010-03-03

JQuery实现当鼠标停留在某区域3秒后自动执行

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具