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


Posted in Javascript onSeptember 09, 2014

这篇文章主要介绍了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>
Javascript 相关文章推荐
用js判断浏览器是否是IE的比较好的办法
May 08 Javascript
Jquery中获取iframe的代码
Jan 11 Javascript
JS中判断null、undefined与NaN的方法
Mar 24 Javascript
jQuery实现切换字体大小的方法
Mar 10 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
javascript实现任务栏消息提示的简单实例
May 31 Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 Javascript
微信小程序 devtool隐藏的秘密
Jan 21 Javascript
从零学习node.js之简易的网络爬虫(四)
Feb 22 Javascript
JavaScript表单验证完美代码
Mar 02 Javascript
Vue+Element实现动态生成新表单并添加验证功能
May 23 Javascript
Vue登录主页动态背景短视频制作
Sep 21 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
Sep 09 #Javascript
使用typeof方法判断undefined类型
Sep 09 #Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 #Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 #Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
Sep 09 #Javascript
JavaScript中判断原生函数检查function是否是原生代码
Sep 09 #Javascript
三种取消选中单选框radio的方法
Sep 09 #Javascript
You might like
Thinkphp框架开发移动端接口(1)
2016/08/18 PHP
Yii2.0实现生成二维码功能实例
2017/10/24 PHP
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
2007/03/10 Javascript
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
2012/06/14 Javascript
jQuery仿Flash上下翻动的中英文导航菜单实例
2015/03/10 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
2015/12/31 Javascript
关于Webpack dev server热加载失败的解决方法
2018/02/22 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
2018/09/28 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
2018/11/05 Javascript
详解vuex commit保存数据技巧
2018/12/25 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
[46:20]TFT vs Secret Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
低版本中Python除法运算小技巧
2015/04/05 Python
Python ldap实现登录实例代码
2016/09/30 Python
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
用django设置session过期时间的方法解析
2019/08/05 Python
基于Python绘制个人足迹地图
2020/06/01 Python
基于python实现复制文件并重命名
2020/09/16 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
Ryderwear美国官网:澳大利亚高端健身训练装备品牌
2018/04/24 全球购物
4s店机修工岗位职责
2013/12/20 职场文书
大学生学期自我鉴定
2014/03/19 职场文书
营销学习心得体会
2014/09/12 职场文书
考研导师推荐信范文
2015/03/27 职场文书
军事理论课感想
2015/08/11 职场文书
python tkinter模块的简单使用
2021/04/07 Python
Python作用域和名称空间的详细介绍
2022/04/13 Python
PyCharm 配置SSH和SFTP连接远程服务器
2022/05/11 Python