Javascript实现滚动图片新闻的实例代码_Javascript教程-查字典教程网
Javascript实现滚动图片新闻的实例代码
Javascript实现滚动图片新闻的实例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:下面这段代码是用来实现图片新闻的复制代码代码如下:varindex=0;varTimer=null;functioninitGallery(...

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

复制代码 代码如下:

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();

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类