Question

我有一些小iv,我想利用每一套 j子,穿透四肢,并想对每 d一带单独施加影响。更清楚的是,我想ive到0.5(城市)之后,拖延(300)又再次失败。回到1(城市)之后,我希望每一方都这样做。任何人都可以向我展示正确的方式。感谢。

Answer 1

var obj = $( .box );
var i = 0;
LoadSequence();

//recursive for all the items.
function LoadSequence() {
    obj.eq(i++).fadeTo( 1000 , 0.1).delay(300).fadeTo( 1000 , 1, LoadSequence);
};

Fiddle: http://jsfiddle.net/NHdB6/6/

Answer 2

此前,我曾开过一场il。这可能有助于:

Demo:http://jsfiddle.net/elclanrs/9Zxew/

(function ($) {
    $.fn.fade1by1 = function (options) {
        var opt = $.extend({
                 delay  : 500,
                 speed  : 500,
                 ease  :  swing  // Other requires easing plugin
            }, options);
        var that = this;
        for (var i = 0, d = 0, l = that.length; i < l; i++, d += opt.delay) {
            that.eq(i).delay(d).fadeIn(opt.speed, opt.ease);
        }
    };
})(jQuery);

Answer 3

我总是认为,最好使用消化完成功能,而不是多种不同的协调时间,因为它保证了连续的性质。这里我是这样做的:

function fadeElementsSequential(selector) {
    var elems$ = $(selector);
    var i = 0;
    function next() {
        if (i < elems$.length) {
            elems$.eq(i++).fadeTo(1000, 0.5).delay(300).fadeTo(1000, 1, next);
        }
    }
    next();
}

fadeElementsSequential(".box");

http://jsfiddle.net

Note: I changed the opacity values in the demo just to make it a little more visible.

友情链接