1

私はこのHTMLを持っています:

<ul class="box">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    ...
</ul>

liここで、ファーストクラスcurrentとセカンド クラスを追加しnextます。次に、etc 1 秒後にクラスを「下」に移動して、2 番目に classcurrentを持ち、3 番目に class を持ちnextます。1 秒後、再びcurrent3 番目の子と 1 番目の子にクラス分けしnextます。などなど…永遠に。しかし、どうすればそれができますか？これを行うための一般的な解決策はありますか?

4

2 に答える 2

0

これがそのためのjsコードです。

var index = 0;

function InfinitiveSwitching() { var items = $(".box li");

var previousIndex = index - 1;
if (0 > previousIndex) {
    previousIndex = $(items).length - 1;
}

var previousImage = $(items).get(previousIndex);
$(previousImage).removeClass('current');

var currentImage = $(items).get(index);
$(currentImage).removeClass('second');
$(currentImage).addClass('current');

index++;
if (index >= $(items).length) {
    index = 0;
}
var secondImage = $(items).get(index);
$(secondImage).addClass('second');
window.setTimeout(function () { InfinitiveSwitching() }, 1000)

}

幸運を

于 2013-10-30T11:03:53.123 に答える