2

「アクティブな」クラスを実行する必要があります.3秒後に最初のリスト項目から次の項目に移動します...そこに3秒間留まってから次の項目に移動し、さらに3秒後に次の項目に移動します...そして次に、そして次...

最後の 1 つ (list_4) になると、最初の li からやり直す必要があります

私は必要です... list_3にアクティブなクラスがある場合、同じ番号のクラス「ブロック」が表示され、他の「ブロック」が非表示または非表示になります（この場合はブロック_3）

<ul>
 <li class="list_1 active"><a href="#">some text</a>
 <li class="list_2"><a href="#">some text</a>
 <li class="list_3"><a href="#">some text</a>
 <li class="list_4"><a href="#">some text</a>
</ul>
<div>
 <span class="block_1" style="display:block">some content</span>
 <span class="block_2" style="display:none">some content</span>
 <span class="block_3" style="display:none">some content</span>
 <span class="block_4" style="display:none">some content</span>
</div>

また、ul:hover で「ジャンプ」を一時停止したいです。

それを行うための複雑ではない方法はありますか？

4

1 に答える 1

7

次のコードが役立つ場合があります: jsfiddle

     setInterval(function(){

           var active = $(".active").removeClass('active');
          if(active.next() && active.next().length){
                active .next().addClass('active');
    }
    else{
      active.siblings(":first").addClass('active');
    }

  }, 100);​
于 2012-10-16T16:13:12.140 に答える