1
大肥div{margin:0px auto;}
.box{width: 800px;height: 530px;overflow: hidden;border-radius: 10px;}
.thum{height: 200px;width: 1500px;margin-top: 50px;}
ul{list-style: none;margin:0px;padding: 0px;}
li{float: left;}
.thumbs_none{opacity:0.6;filter:alpha(opacity=40); }
//定义一个变量控制全局定时器
var times;
window.οnlοad=function(){
//用变量控制定时器
times = setInterval('lb()',1000);
}
//图片轮播方法
var i=2;
function lb(){
//获取src属性 更改图片路径
var info = document.getElementById("img");
var thu=document.getElementById("thumbs");
var li_list=document.getElementsByTagName("li");
for (var j = 1; j
//给所有缩略图添加透明样式
li_list[j].className="thumbs_none";
//匹配缩略图 同步去除透明度
if(j==i){
li_list[j].className="";
}
}
//移除透明度样式
thu.className="";
info.src="./"+i+".JPG";
//运行后i+1 到达最大数时候回归清零
i++;
if(i>23){
i=1;
}
}
//鼠标经过停止
function stop(){
//清理定时器
clearInterval(times);
}
//鼠标离开继续轮播
function again(){
//清除定时器的时候要把这个也要清除 否则两个同时运行会重叠
times = setInterval('lb()',1000);
}