Javascript实现滚动图片新闻的实例代码

Javascript教程 2025-08-30

下面这段代码是用来实现图片新闻的

复制代码代码如下:

var index = 0;

var Timer = null;

function initGallery(){

for(var i=0; i< 4; i++){

document.getElementById("fPic"+i).style.display = "none";

document.getElementById("fTitl"+i).style.display = "none";

document.getElementById("fNum"+i).style.className = "numOff";

}

startChange();

setTimer();

}

function startChange(){

index = index % 4;

changePic(index);

changeTitl(index);

changeNum(index);

index++;

}

function changePic(index){

for(var i=0; i<4;i++){

document.getElementById("fPic"+i).style.display = "none";

}

document.getElementById("fPic"+index).style.display = "block";

}

function changeTitl(index){

for(var i=0; i<4; i++){

document.getElementById("fTitl"+i).style.display = "none";

}

document.getElementById("fTitl"+index).style.display = "block";

}

function changeNum(index){

for(var i=0; i<4; i++){

document.getElementById("fNum"+i).className = "numOff";

}

document.getElementById("fNum"+index).className = "numOff numOn";

}

function clearTimer(){

this.clearInterval(Timer);

}

function setTimer(){

Timer = window.setInterval(startChange, 3000)

}

function setIndex(index){

this.index = index;

this.startChange();

}