代码之家 › 专栏 › 技术社区 › SirG

如何优化jquery4幻灯片放映的代码?

transition slideshow image jquery

1

SirG · 技术社区 · 16 年前

slides();

function slides() {
    $('#slide1').fadeTo(1200, 1).fadeTo(3000, 1, function () {
        $('#slide1').animate({
            opacity: 0
        }, 1500);
        $('#slide2').fadeIn(1500).fadeTo(3500, 1, function () {
            $('#slide2').animate({
                opacity: 0
            }, 1500);
            $('#slide3').fadeIn(1500).fadeTo(3500, 1, function () {
                $('#slide3').animate({
                    opacity: 0
                }, 1500);
                $('#slide4').fadeIn(1500).fadeTo(3500, 1, function () {
                    $('#slide4').animate({
                        opacity: 0
                    }, 1500);
                    slides();
                });
            });
        });

    });

}

1 回复 | 直到 12 年前

1

0

sje397 16 年前

slide(1);

function slide(n) {
  $('#slide' + n).fadeTo(1200, 1).fadeTo(3000, 1, function () {
        $('#slide' + n).animate({
            opacity: 0
        }, 1500);
        slide((n % 4) + 1);
  });
}