/*轮播图js*/
function LunBo(){
//获取
var play = document.getElementById('lunbo');
var imglist = play.getElementsByTagName('li');
var icon = document.getElementById('icon');
var iconlist = icon.getElementsByTagName('li');
//定义循环变量
var m = 1;
var timer = setInterval(run, 3000);
//函数
function run(){
if (m > 3) {
m = 0;
}
controlImage(m);
controlIcon(m);
m ++;
}
//控制图片
function controlImage(n){
//其他图片隐藏
for (var i = 0 ; i < imglist.length; i ++){
imglist[i].style.display = "none";
}
imglist[n].style.display = "block";
}
//控制图标
function controlIcon(n){
//其他图标变灰
for (var i = 0; i < iconlist.length; i ++) {
iconlist[i].style.backgroundColor = "#666";
}
//当前图标变红
iconlist[n].style.backgroundColor = "#c9033b";
}
//鼠标滑上去，定时停止
play.onmouseover = function(){
clearInterval(timer);
}
play.onmouseout = function(){
timer = setInterval(run, 3000);
}
//给所有 控制图标 绑定mouseover事件
for (var i = 0; i < iconlist.length; i ++) {
(function(a){
iconlist[a].onmouseover = function(){
controlImage(a);
controlIcon(a);
m = a + 1;
}
})(i);
}
}
lunbo.png
( 271.09 KB 下载：3 次 )
最佳答案
