如何创建带点的滑块

Question

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

我正在尝试使用画布并在其中创建10个小圆圈等。

我怎样才能做到最好？

按要求： http://jsfiddle.net/Jh73K/8/

Answer 1

请看这个链接here。您可以使用相同的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/。