javascript - 如何创建带点的 slider

Question

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

我试图在 Canvas 上创建 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);
});

看看这是不是你想要的。编辑:顺便说一下，这里有一个相同的 fiddle :http://jsfiddle.net/W8kZf/ .