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 相关文章推荐
jquery使用ColorBox弹出图片组浏览层实例演示
Mar 14 Javascript
jquery结婚电子请柬特效源码分享
Aug 21 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】
Jun 06 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
如何在Angular应用中创建包含组件方法示例
Mar 23 Javascript
今天,小程序正式支持 SVG
Apr 20 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
Vue3.0的优化总结
Oct 16 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 面向对象实现代码
2009/11/11 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
php过滤输入操作之htmlentities与htmlspecialchars用法分析
2017/02/17 PHP
CI框架(CodeIgniter)实现的数据库增删改查操作总结
2018/05/23 PHP
javascript中数组方法汇总
2015/07/07 Javascript
浅谈String.valueOf()方法的使用
2016/06/06 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
bootstrap datetimepicker日期插件使用方法
2017/01/13 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
解决angularjs中同步执行http请求的方法
2018/08/13 Javascript
JavaScript基础之静态方法和实例方法分析
2018/12/26 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
微信小程序实现原生步骤条
2019/07/25 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
python常见排序算法基础教程
2017/04/13 Python
基于hashlib模块--加密(详解)
2017/06/21 Python
Python读取本地文件并解析网页元素的方法
2018/05/21 Python
pytorch对可变长度序列的处理方法详解
2018/12/08 Python
Django 数据库同步操作技巧详解
2019/07/19 Python
python如何快速生成时间戳
2020/07/21 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
销售岗位职责范本
2014/06/12 职场文书
2014物价局民主生活会对照检查材料思想汇报
2014/09/24 职场文书
八项规定整改方案
2014/10/01 职场文书
先进教育工作者事迹材料
2014/12/23 职场文书
社区安置帮教工作总结2015
2015/05/20 职场文书
mysql在项目中怎么选事务隔离级别
2021/05/25 MySQL
详解ZABBIX监控ESXI主机的问题
2022/06/21 Servers