1

ゆっくりとそこに着きます。

divをletからright（下）に次々と無期限のループ内でスライドさせたいと思います。

$('#slider_1').show('slide', { direction: 'left' }, 1000).delay(4000).hide('slide', { direction: 'left' }, 1000);

div IDを動的に取得し、次のような配列に格納します。

var divs    = [];
var i       = 0;

$('#cover div').each(function()
{
    divs.push($(this).attr('id'));
});

ここで、 divs配列をループして、不定ループ内でdivを次々にスライドさせたいと思います。

    <div id="cover">
        <div id="slider_1"><p class="content">SLIDER ONE</p></div>
        <div id="slider_2"><p class="content">SLIDER TWO</p></div>
        <div id="slider_3"><p class="content">SLIDER THREE</p></div>
    </div>
4

1 に答える 1

1

次のことを試してください。

var i = 1;

var go = setInterval(function(){
            $('#slider_'+i).show('slide', { direction: 'left' }, 100).delay(400).hide('slide', { direction: 'left' }, 100);
            i++;
            if (i == 4) { i = 1}
         }, 600)

デモ

また：

デモ

于 2012-08-02T14:06:23.437 に答える