JS TAB面板延时机制
2015-10-09 15:30
567 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> var tag=0; var timer=0; $(function(){ $("#mydiv").mouseover(function(){ tag=new Date().valueOf(); timer=setTimeout(function(){$("#mydiv").css("background", 'gray');}, 1000); }); $("#mydiv").mouseout(function(){ if((new Date().valueOf()-tag)<1000){ clearTimeout(timer); } $(this).css("background", '#C9F'); }); }); </script> </head> <body> <div id="mydiv" style="background: #C9F; width: 100px; height: 50px"></div> </body> </html>
相关文章推荐
- javascript常用对象
- LeetCode——Word Pattern的JavaScript的实现
- javascript的闭包和变量
- JS键盘的键码(event.keyCode)
- 【createJS】:点击Bitmap上传图片的纠结
- jsp中文乱码
- web api 初体验 解决js调用跨域问题
- javascript模块化有什么意义?
- wex5关于data组件跨域返回json数据加载
- doT.js——前端javascript模板引擎问题备忘录
- 动态执行JS
- JS获取本周、本季度、本月、上月的开端日期、停止日期
- javascript替换手机号中间4位
- JavaScript子窗口调用父窗口变量和函数的方法
- javascript格式化日期格式
- jsp,servlet,javascript,xml,html之间的关系
- 201510091346_《JavaScript的事件模型——createEvent、initEvent、dispatchEvent》
- JSON语法五大要素图文介绍
- Anjularjs控制器通信
- javascript之数组操作