Javascript实现滚动图片新闻的实例代码
下面这段代码是用来实现图片新闻的
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实现文字图片上下滚动的具体实例
- Javascript实现图片不间断滚动的代码
- JavaScript代码实现图片循环滚动效果
- 网页中实现文字或图片向上不间断滚动的javascript代码
- JS小功能(offsetLeft实现图片滚动效果)实例代码
- JavaScript仿商城实现图片广告轮播实例代码
- javascript 实现新闻咨询图片滚动效果
- jquery实现的滚动新闻(多个实例代码)
- JavaScript中实现无缝滚动、分享到侧边栏实例代码
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- javascript实现上传图片并预览的效果代码实例
- javaScript实现图片滚动及一个普通图片轮播的代码
- Javascript实现滚动图片新闻
- JavaScript仿商城实现图片广告轮播实例代码
- Delphi实现图片滚动切换的完整实例代码
- 基于JS实现新闻列表无缝向上滚动实例代码
- jquery实现的滚动新闻(多个实例代码)