下面的代码是用来实现图片新闻的
复制代码代码如下:
变量索引 = 0;
var 计时器 = null;
函数 initGallery(){
for(var i=0; i< 4; i++){
document.getElementById("fPic"+i).style.display = "无";
document.getElementById("fTitl"+i).style.display = "无";
document.getElementById("fNum"+i).style.className = "numOff";
}
开始更改();
设置定时器();
}
函数开始更改(){
索引 = 索引 % 4;
更改图片(索引);
更改标题(索引);
更改编号(索引);
索引++;
}
函数更改图片(索引){
for(var i=0; i<4;i++){
document.getElementById("fPic"+i).style.display = "无";
}
document.getElementById("fPic"+index).style.display = "块";
}
函数更改标题(索引){
for(var i=0; i<4; i++){
document.getElementById("fTitl"+i).style.display = "无";
}
document.getElementById("fTitl"+index).style.display = "块";
}
函数changeNum(索引){
for(var i=0; i<4; i++){
document.getElementById("fNum"+i).className = "numOff";
}
document.getElementById("fNum"+index).className = "numOff numOn";
}
函数清除定时器(){
this.clearInterval(定时器);
}
函数设置定时器(){
计时器 = window.setInterval(startChange, 3000)
}
函数设置索引(索引){
this.index = 索引;
this.startChange();
}