如何創建帶點的滑塊

我想在頁面上有一個帶有10個點的滑塊。「items.slider」。我希望滑塊中的每個項目都是DOT。所有10個點始終可見，只有1個點具有焦點。焦點每5秒改變一次到下一個點。在列表的最後，焦點回到第一個點。如何創建帶點的滑塊

我想有一個畫布，在它創建10個小圓圈等

我怎樣才能做到這一點最好的嗎？

至於問： http://jsfiddle.net/Jh73K/8/

來源

2012-06-18 gaurav jain

爲什麼反對票。我提到我嘗試了一個有10圈的畫布。每5秒切換一次焦點物體的顏色。我只是在尋找人們過去如何解決這個問題的信息。我相對較新的HTML/CSS佈局/設計 –

你可能是downvoted，因爲你沒有給你已經嘗試過的代碼示例或測試用例。你能提供一個關於[JSFiddle]（http://jsfiddle.net/）的簡單例子嗎？ –

該常見問題解答並未說明必須發佈他所嘗試的代碼。 –

看看這個鏈接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/。

來源

2012-06-18 23:26:32 Satyajit

讓我看看... thx一噸 –

不好感謝 –

只是一個簡單的問題。這個標記使用CSS3。要在CSS中做到這一點，我需要使用點圖像？ –

如何創建帶點的滑塊

回答

相關問題