簡單的jQuery擴充函數-讓函數緩衝執行

標籤：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擴充函數-讓函數緩衝執行