Javascript特效之可翻阅上一条下一条的动态文字

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;
				}