您现在的位置:首页 --> JavaScript --> jQuery延时绑定事件(lazy-bind)
jQuery延时绑定事件(lazy-bind)
浏览:2553次 出处信息
有个延时绑定事件的需求, 如等待鼠标停留在某图片上面一段时间之后才展示浮动层, 以避免鼠标滑过屏幕时一片乱闪. 一时找不到合适的插件, 所以自己写了个.
// 定义 (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表格呈现 (阅读:46536)
- 分享一个JQUERY颜色选择插件 (阅读:12722)
- jQuery插件---轻量级的弹出窗口wBox. (阅读:9705)
- 10个强大的Ajax jQuery文件上传程序 (阅读:7779)
- jQuery的data()方法 (阅读:7636)
- jQuery性能优化指南 (阅读:7382)
- jQuery Color Animations颜色动画插件 (阅读:7145)
- 精于图片处理的10款jQuery插件 (阅读:6284)
- jQuery中getJSON跨域原理详解 (阅读:5639)
- 配合jquery实现异步加载页面元素 (阅读:5388)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
文章信息
- 作者:ideawu 来源: idea's blog
- 标签: jQuery 延时绑定
- 发布时间:2011-06-01 13:28:03
建议继续学习
近3天十大热文
- [69] Twitter/微博客的学习摘要
- [68] IOS安全–浅谈关于IOS加固的几种方法
- [66] 如何拿下简短的域名
- [65] android 开发入门
- [63] find命令的一点注意事项
- [62] Go Reflect 性能
- [61] 流程管理与用户研究
- [60] Oracle MTS模式下 进程地址与会话信
- [59] 图书馆的世界纪录
- [57] 读书笔记-壹百度:百度十年千倍的29条法则