编程 Javascript

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>

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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