Javascript实现滚动图片新闻
2009-12-03 11:25
573 查看
/*
* 下面这段代码是用来实现图片新闻的
*/
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();
}
* 下面这段代码是用来实现图片新闻的
*/
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实现图片滚动及一个普通图片轮播的代码
- <html5+css3+js>javascript实现图片滚动播放功能
- Javascript基础——利用定时器实现的图片无缝滚动(offsetLeft)
- 实现图片新闻的图片滚动
- 基于javascript滚动图片具体实现
- 原生javascript实现图片滚动、延时加载功能
- JavaScript学习笔记——简单无缝循环滚动展示图片的实现
- 解析javascript瀑布流原理实现图片滚动加载
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- 解析javascript瀑布流原理实现图片滚动加载
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- javascript实现的图片滚动效果,鼠标放上可停止
- JavaScript实现图片无缝滚动效果
- JQuery页面图片切换和新闻列表滚动效果的具体实现
- javascript实现图片滚动