如何創建文本滑塊

Question

我正在嘗試創建文本滑塊。
我目前正在建立一個網站，並希望添加一個部分，我可以顯示客戶評論，並從一個評論改變到另一個評論。

Answer 1

你不能用HTML和CSS做到這一點。
您將需要使用JavaScript，這假設你有這樣的HTML：

<div class="customer_review" id="review0"> 
    Some contents 
</div> 
... 
<div class="customer_review" id="review14" style="display:none;"> 
    Some other contents 
</div> 

你的JavaScript將類似於：

var current_id = 0; 

function newCustomerReview() { 
    // get all review elements 
    var reviews = document.getElementsByClassName("customer_review"); 
    current_id = (current_id < reviews.length) ? current_id++ : current_id = 0; 
    for(var i = 0; i < reviews.length; i++) { 
    // iterate through every review element 
    var myReview = reviews[i]; 
    // check if it is the new one we want 
    if (i == current_id) { 
     myReview.setAttribute("style", "display: block;"); 
     // or just remove style attribute 
    } 
    else { 
     myReview.setAttribute("style", "display: none;"); 
    } 
    } 
    setTimeout("newCustomerReview();", 3000); 
} 

setTimeout("newCustomerReview();", 3000); // to start updating every 3 seconds