如何创建文本滑块
How to create a text slider
我正在尝试创建一个文本滑块。
我目前正在建立一个网站,想添加一个部分,我可以在其中显示客户评论,并且它从一个评论更改为另一个评论。
你不能只用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
相关文章:
- onkeyup无法动态创建多个文本区域
- 文本表示法VS.构造函数,用于在JavaScript中创建对象
- 如何在 JavaScript 中创建输入文本框
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 如何为动态创建的文本区域中输入的值更新ng模型
- 创建闪烁“;文本“;在javascript中
- 使用删除文本创建新行
- 使用其他页面上表单的文本创建链接
- 数组函数不适用于从元素文本创建的JavaScript数组
- 从空格分隔的文本创建和实现数组:AngularJS
- 由表达式文本创建的正则表达式是否共享单个实例
- 如何在 RaphaelJS 中根据需要为文本创建默认属性并链接其他属性
- 如何使用在用户输入后继续显示的前置文本创建文本字段
- 如何从 html 格式的文本创建元素
- 从文本区域中的选定文本创建列表html
- 在DIV中动态地围绕所选文本创建SPAN
- 在Jquery UI对话框中基于触发器锚点的文本创建动态按钮名称
- 如何在飞行中用文本创建链接?——JQuery初学者
- 从文本创建链接
- 如何仅为文本创建正则表达式模式