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 相关文章推荐
表单的一些基本用法与技巧
Jul 15 Javascript
jQuery文本框(input textare)事件绑定方法教程
Apr 24 Javascript
jquery统计用户选中的复选框的个数
Jun 06 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
javascript 判断两个日期之差的示例代码
Sep 05 Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
Jun 08 Javascript
自己封装的一个原生JS拖动方法(推荐)
Nov 22 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
JavaScript实现二分查找实例代码
Feb 22 Javascript
webstorm和.vue中es6语法报错的解决方法
May 08 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 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中处理模拟rewrite 效果
2006/12/09 PHP
解析PHP计算页面执行时间的实现代码
2013/06/18 PHP
显示程序执行时间php函数代码
2013/08/29 PHP
PHP循环函数使用介绍之PHP基础入门教程
2013/09/21 PHP
php模拟post上传图片实现代码
2016/06/24 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
ASP中Sub和Function的区别说明
2020/08/30 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
用javascript读取xml文件读取节点数据
2014/08/12 Javascript
基于JavaScript实现定时跳转到指定页面
2016/01/01 Javascript
Angular 理解module和injector,即依赖注入
2016/09/07 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
vue如何在自定义组件中使用v-model
2018/05/14 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
Vue 实现拨打电话操作
2020/11/16 Javascript
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
TensorFlow 实战之实现卷积神经网络的实例讲解
2018/02/26 Python
Python入门学习指南分享
2018/04/11 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
Python List列表对象内置方法实例详解
2019/10/22 Python
python实现操作文件(文件夹)
2019/10/31 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
python基于openpyxl生成excel文件
2020/12/23 Python
python邮件中附加文字、html、图片、附件实现方法
2021/01/04 Python
HTML5制作表格样式
2016/11/15 HTML / CSS
客户经理岗位职责
2013/12/08 职场文书
幼儿园教师自我鉴定
2014/03/20 职场文书
群众路线教育查摆剖析材料
2014/10/10 职场文书
2015最新婚礼主持词
2015/06/30 职场文书
Django框架中模型的用法
2022/06/10 Python