Mysql query error : | SQL : set names utf8 jQuery延时绑定事件(lazy-bind) -- JavaScript -- IT技术博客大学习 -- 共学习 共进步！
    技术头条 - 一个快速在微博传播文章的方式     
您现在的位置：首页 --> JavaScript --> jQuery延时绑定事件(lazy-bind)

jQuery延时绑定事件(lazy-bind)

浏览:5298次  出处信息

有个延时绑定事件的需求, 如等待鼠标停留在某图片上面一段时间之后才展示浮动层, 以避免鼠标滑过屏幕时一片乱闪. 一时找不到合适的插件, 所以自己写了个.

// 定义
(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');

建议继续学习：

  1. JQuery实现Excel表格呈现    (阅读：47837)
  2. 分享一个JQUERY颜色选择插件    (阅读：13813)
  3. jQuery插件---轻量级的弹出窗口wBox.    (阅读：10428)
  4. 10个强大的Ajax jQuery文件上传程序    (阅读：8494)
  5. jQuery性能优化指南    (阅读：8420)
  6. jQuery的data()方法    (阅读：8321)
  7. jQuery Color Animations颜色动画插件    (阅读：8070)
  8. 精于图片处理的10款jQuery插件    (阅读：7028)
  9. jQuery中getJSON跨域原理详解    (阅读：6099)
  10. 配合jquery实现异步加载页面元素    (阅读：6054)
QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习
<< 前一篇：Yslow简介
后一篇：URL正则表达式 >>
文章信息
© 2009 - 2025 by blogread.cn 微博：@IT技术博客大学习

京ICP备15002552号-1