javascript - 如何创建带点的滑块

Question

我想在页面上有一个带有 10 个点的滑块。“项目。滑块”。我希望滑块中的每个项目都是一个点。所有 10 个点始终可见，只有 1 个点具有焦点。焦点每 5 秒更改一次到下一个点。在列表的末尾，焦点回到第一个点。

我试图有一个画布并在其中创建 10 个小圆圈等。

我怎样才能做到最好？

根据要求：http: //jsfiddle.net/Jh73K/8/

Answer 1

在此处查看此链接。您可以使用相同的 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/。