1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Javascript实现滚动图片新闻的实例代码【javascript】

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

时间:2019-06-07 09:03:14

相关推荐

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

web前端|js教程

Javascript,滚动图片

web前端-js教程

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

图片文字识别源码,vscode发布网站,vsc ubuntu,tomcat底层解析,火狐 sqlite不能上网,社交电商插件,基于微信端的前端框架,梦见两手有爬虫,淘宝sdk php,盐城seo优化辅助,购物网站java源码,滚动网页的源代码,金融网站框架模板下载lzw

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

}

微信商城免费系统源码下载,nvme 硬盘安装ubuntu,虚拟机重启tomcat命令,爬虫电商流程,查询成绩最高的学生姓名php,seo开源cmslzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。