Javascript实现滚动图片新闻
来源:互联网 发布:illustrator cc mac 编辑:程序博客网 时间:2024/04/29 22:46
/*
* 下面这段代码是用来实现图片新闻的
*/
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实现滚动图片
- javascript实现滚动图片
- javascript实现图片滚动
- javaScript实现图片滚动
- jquery实现QQ新闻图片滚动
- 使用JavaScript实现新闻滚动效果
- 滚动图片新闻
- js滚动图片新闻
- javascript实现图片滚动效果
- JavaScript实现用图片滚动
- javascript实现图片滚动效果
- 手动彻底清除恶意网页病毒
- Red hat 5 安装 SN
- DataBinder所有用法
- PPPoe简介
- CA证书
- Javascript实现滚动图片新闻
- 信息的价值
- PHP中的stristr(),strstr(),strpos()速度比较
- Amoeba for Aladdin (数据库整合、分布式、负载均衡)0.1 发布
- Python连接SqlServer练习记录
- find, grep
- 如何在SQL Server 2005 中存储立方米
- 全面解析Java中的String数据类型
- DTM测试的环境建立简介