Javascript特效之可翻阅上一条下一条的动态文字
我们经常会看到网站有一些自动跳动的新闻动态,今天来看看新闻动态怎么实现还有怎么手动选择上一条和下一条。
先来看看效果图:
点击箭头则会显示上一条新闻或者下一条新闻。
实现思路:
首先写好有多少条新闻文字可以显示。在根据点击上一条还是下一条用下标来判断显示的文字。显示时先把其他文字都隐藏再显示出需要的文字。
js代码:
var rollText_k=6; //菜单总数
var rollText_i=1; //菜单默认值
//setFocus1(0);
rollText_tt=setInterval("rollText(1)",8000);
function rollText(a){
clearInterval(rollText_tt);
rollText_tt=setInterval("rollText(1)",8000);
rollText_i+=a;
if (rollText_i>rollText_k){rollText_i=1;}
if (rollText_i==0){rollText_i=rollText_k;}
//alert(i)
for (var j=1; j<=rollText_k; j++){
document.getElementById("rollTextMenu"+j).style.display="none";
}
document.getElementById("rollTextMenu"+rollText_i).style.display="block";
document.getElementById("pageShow").innerHTML = rollText_i+"/"+rollText_k;
}