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 相关文章推荐
脚本收藏iframe
Jul 21 Javascript
三级下拉菜单的js实现代码
May 23 Javascript
读jQuery之十四 (触发事件核心方法)
Aug 23 Javascript
JS Date函数整理方便使用
Oct 23 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
Apr 05 Javascript
js鼠标移动时禁止选中文字
Feb 19 Javascript
Vue.js bootstrap前端实现分页和排序
Mar 10 Javascript
es6学习笔记之Async函数基本教程
May 11 Javascript
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
浅谈webpack SplitChunksPlugin实用指南
Sep 17 Javascript
解决Antd Table组件表头不对齐的问题
Oct 27 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
Nov 02 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
常见php数据文件缓存类汇总
2014/12/05 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
js返回前一页刷新本页重载页面
2014/07/29 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
2016/01/08 Javascript
Bootstrap布局组件应用实例讲解
2016/02/17 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
angular实现图片懒加载实例代码
2017/06/08 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
vue权限路由实现的方法示例总结
2018/07/29 Javascript
webpack4 CSS Tree Shaking的使用
2018/09/03 Javascript
nodeJS进程管理器pm2的使用
2019/01/09 NodeJs
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
2019/04/30 Javascript
js打开word文档预览操作示例【不是下载】
2019/05/23 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
基于Python实现一个简单的银行转账操作
2016/03/06 Python
浅谈Python由__dict__和dir()引发的一些思考
2017/10/30 Python
python3学生名片管理v2.0版
2018/11/29 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
拿来就用!Python批量合并PDF的示例代码
2020/08/10 Python
船舶专业个人求职信范文
2014/01/02 职场文书
教师产假请假条
2014/04/10 职场文书
上党课的心得体会
2014/09/02 职场文书
质量承诺书格式范文
2015/04/28 职场文书
永不妥协观后感
2015/06/10 职场文书
2015最新婚礼主持词
2015/06/30 职场文书
运动会入场词
2015/07/18 职场文书
2016年3月份红领巾广播稿
2015/12/21 职场文书
如何使用pdb进行Python调试
2021/06/30 Python
利用nginx搭建RTMP视频点播、直播、HLS服务器
2022/05/25 Servers
讨论nginx location 顺序问题
2022/05/30 Servers