Javascript 如何创建带点的滑块

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

我试着画一张画布，在上面画10个小圆圈等等

我怎样才能做到最好

应要求： 查看此链接。您可以使用相同的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);
});

​看看这是不是你想要的。

---

编辑：顺便说一下，这里有一个相同的问题：。

为什么投反对票。我提到我试过一幅有10个圆圈的画布。我每5秒切换一次焦点项目的颜色。我只是想了解过去人们是如何解决这个问题的。我对HTML/CSS布局/设计比较陌生。你可能被否决了，因为你没有给出你已经尝试过的代码示例或测试用例。你能提供一个简单的例子吗？FAQ没有说一个人必须发布他尝试过的代码。我尝试过类似的东西。我只是不认为这是正确的方式。请帮我找到正确的方法。我只是想问一个简单的问题。此标记使用CSS3。在CSS中，我需要使用点图像？