0

株式ティッカーをシミュレートするために徐々に左にスライドさせたいロゴがたくさんある背景画像があります。複数の画像をスライドさせるプラグインがあることは知っていますが、これは私のシナリオで最もうまく機能します。

次のように、新しいクラスを段階的に追加するにはどうすればよいですか。

<div class="background-slider-start"></div>

.background-slider-start {
    background: url('my-image.png') repeat-x 0 0;
}
.background-slider-end {
    background: url('my-image.png') repeat-x -5000px 0;
}

$('.background-slider-start).addClass('background-slider-end', 30000);
4

1 に答える 1

1

addClass期間を受け入れない場合は、CSS3 トランジションを使用してみてください:

.background-slider-start {
    background: url('my-image.png') repeat-x 0 0;
    -webkit-transition: background 30s;
    -moz-transition: background 30s;
    -o-transition: background 30s;
    transition: background 30s;
}


setInterval(function(){
    $('.background-slider-start').toggleClass('background-slider-end');
}, 30000);
于 2013-01-23T01:07:25.253 に答える