您现在的位置:首页 --> JavaScript --> jQuery延时绑定事件(lazy-bind)
jQuery延时绑定事件(lazy-bind)
浏览:2459次 出处信息
有个延时绑定事件的需求, 如等待鼠标停留在某图片上面一段时间之后才展示浮动层, 以避免鼠标滑过屏幕时一片乱闪. 一时找不到合适的插件, 所以自己写了个.
// 定义 (function($){ $.fn.lazybind = function(event, fn, timeout, abort){ var timer = null; $(this).bind(event, function(){ timer = setTimeout(fn, timeout); }); if(abort == undefined){ return; } $(this).bind(abort, function(){ if(timer != null){ clearTimeout(timer); } }); }; })(jQuery); // 使用 $('#my_img').lazybind( 'mouseover', function(){ alert(1); }, 240, 'mouseout');
建议继续学习:
- JQuery实现Excel表格呈现 (阅读:46470)
- 分享一个JQUERY颜色选择插件 (阅读:12400)
- jQuery插件---轻量级的弹出窗口wBox. (阅读:9611)
- 10个强大的Ajax jQuery文件上传程序 (阅读:7688)
- jQuery的data()方法 (阅读:7446)
- jQuery性能优化指南 (阅读:7170)
- jQuery Color Animations颜色动画插件 (阅读:6934)
- 精于图片处理的10款jQuery插件 (阅读:6074)
- jQuery中getJSON跨域原理详解 (阅读:5553)
- 配合jquery实现异步加载页面元素 (阅读:5299)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
文章信息
- 作者:ideawu 来源: idea's blog
- 标签: jQuery 延时绑定
- 发布时间:2011-06-01 13:28:03
建议继续学习
近3天十大热文
- [41] WEB系统需要关注的一些点
- [18] 浏览器的工作原理:新式网络浏览器幕后揭秘
- [13] Android设计中的.9.png
- [12] 内网穿透神器frp
- [12] 我的git笔记
- [11] Spark性能优化——和shuffle搏斗
- [11] 界面设计速成
- [10] Python程序的执行原理
- [10] Python 代码规范小结
- [10] 深入剖析 redis replication