1

ページに 10 個のドットのスライダー バーが必要です。「アイテム.スライダー」。スライダーの各項目を DOT にしたい。10 個のドットすべてが常に表示されており、1 つのドットだけにフォーカスがあります。フォーカスは 5 秒ごとに次のドットに変わります。リストの最後で、フォーカスは最初のドットに戻ります。

キャンバスを用意して、その中に10個の小さな円を作成しようとしていました.

どうすればこれを最もよく行うことができますか?

求められたとおり: http://jsfiddle.net/Jh73K/8/

4

1 に答える 1

0

こちらのリンクをご覧ください。同じ CSS/HTML を使用してから、次の JavaScript を使用してアクティブなアイテムを変更できます。以下のコードは、そのリンクに記載されている HTML 用であることを忘れないでください。

$(document).ready(function() {
    setInterval(function() {
        var o = $("ol.pagination").find(".on").removeClass("on");
        if ($(o).is(':last-child')) $("ol.pagination").find("li:first-child").addClass("on");
        else $(o).next().addClass("on");
    }, 5000);
});

これがあなたが望むものかどうかを確認してください。編集:ちなみに、ここに同じフィドルがあります: http://jsfiddle.net/W8kZf/。

于 2012-06-18T23:26:32.480 に答える