Javascript实现滚动图片新闻的实例代码
2013-11-27 00:00
1171 查看
下面这段代码是用来实现图片新闻的
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实现新闻滚动效果(实例代码)
- 基于JS实现新闻列表无缝向上滚动实例代码
- jquery实现的滚动新闻(多个实例代码)
- javaScript实现图片滚动及一个普通图片轮播的代码
- jquery实现的滚动新闻(多个实例代码)
- 基于JavaScript实现图片连播和联级菜单实例代码
- javascript 实现新闻咨询图片滚动效果
- JS小功能(offsetLeft实现图片滚动效果)实例代码
- JavaScript仿商城实现图片广告轮播实例代码
- 网页中实现文字或图片向上不间断滚动的javascript代码
- javascript实现上传图片并预览的效果代码实例
- JavaScript代码实现图片循环滚动效果
- 基于JS实现新闻列表无缝向上滚动实例代码
- Javascript实现滚动图片新闻
- Delphi实现图片滚动切换的完整实例代码
- Javascript 实现全屏滚动实例代码
- Javascript实现图片不间断滚动的代码
- javascript实现文字图片上下滚动的具体实例