码迷,mamicode.com
首页 > Web开发 > 详细

简单的jQuery扩展函数-让函数缓冲执行

时间:2014-11-25 18:08:30      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   color   使用   sp   on   div   

$.fn.retarder = function(delay, method) {
    var node = this;
    if (node.length) {
        if (node[0]._timer_) clearTimeout(node[0]._timer_);
        node[0]._timer_ = setTimeout(function() {
            method(node);
        },
        delay);
    }
    return this;
};

原理就是用了setTimeout这函数, 使用方法

            $(div).retarder(150,
            function(i) {
                box.css({
                    height: box[0].hei - 50,
                    width: box[0].wid,
                    overflow: ‘hidden‘
                });
                i.css(animate.from).stop(true, true).animate(animate.to, {
                    duration: 200,
                    complete: function() {
                        if (!$.browser.msie) div.css(‘opacity‘, 1);
                        box.css(‘display‘, ‘none‘)
                    }
                })
            })

 

简单的jQuery扩展函数-让函数缓冲执行

标签:style   blog   io   ar   color   使用   sp   on   div   

原文地址:http://www.cnblogs.com/fastmover/p/4121473.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!