首页 / JAVASCRIPT / Javascript实现滚动图片新闻的实例代码_javascript技巧

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript实现滚动图片新闻的实例代码_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1250字，纯文字阅读大概需要2分钟。

内容图文

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

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技巧全部内容，希望文章能够帮你解决Javascript实现滚动图片新闻的实例代码_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/318682.html

来源：【匿名】