我想在页面上有一个带有 10 个点的 slider 。 “元素. slider ”。我希望 slider 中的每个元素都是一个点。所有 10 个点始终可见,只有 1 个点具有焦点。焦点每 5 秒更改到下一个点。在列表末尾,焦点回到第一个点。
我试图在 Canvas 上创建 10 个小圆圈等。
我怎样才能做到最好?
最佳答案
看这个链接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/ .
关于javascript - 如何创建带点的 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11091665/