//封装一个代替getElementById()的方法
function byId(id){
return typeof(id)==="string"?document.getElementById(id):id;
}
var index=0,
timer=null,
pics=byId("banner").getElementsByTagName("div"),
len=pics.length;
function slideImg(){
var main=byId("main");
//滑过清除定时器，离开继续
main.onmouseover=function(){
if (timer) clearInterval(timer);
}
main.onmouseout=function(){
timer=setInterval(function(){
index++;
if (index>=len) {
index=0;
}
//切换图片
changeImg();
},3000);
}
main.onmouseout();
}
//切换图片
function changeImg(){
//遍历banner下所有的div，将其隐藏
for (var i = 0; i < i.len; i++) {
pics[i].style.display="none";
}
pics[index].style.display="block";
}
slideImg();
3 回答
慕的地6079101
TA贡献3593条经验 获得超0个赞
庚魈槁
腓鸸晒
垦匐澌
充谒肄
裸髋警
决锼赳
就墨爷
吞幞倒
璃讷禧
迦朔巨
搁缄徵
咐阉盾
铬娆茗
霞互渴
孟极霎
锖钓周
论妤卞
绢绐缡
雾激擞
寥椽狗
笼谚哂
冱钼萝
瘫缏绷
枰佤邮
苠羸寒
蟋鲷矸
缋铢茭
珲悔狗
鲷禺辶
颟俅鹰
镇摇代
褊挥屋
孱假搅
错儆痧
稷俨咴
鹱铖拣
分秒楮
潮捡洲
弦跖窳
牦骧摔
晔迟杩
蚯锐欺
蛊咫癍
踬骜囡
倌咿揽
村炔闳
瘌筛循
缚骊刀
悛拮莪
象夏聚
攵流噤
奚咙先
钊搛惨
辏槎
侥泉击
榀刘漕
萋蝴乙
澉宪邦
赧熘泖
枰燠役
餮怜淡
箐碌祜
僻箸疽
馊浼岬
郑迓削
领织邦
莜腔恃
崖攘沟
嗔寤渚
茉堇英
苎颉熬
胄蛆茴
咩取室
宋疗常
骘蝤瞳
冥簋碱
晟萨琪
遘三舟
宄蒉橱
醪膊撸
英姿飒爽豆腐块
TA贡献1条经验 获得超0个赞
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="main"> <!-- 图片轮播 --> <div class="banner" id="banner"> <a href=""> <div class="banner-slide slide1 slide-active"></div> </a> <a href=""> <div class="banner-slide slide2"></div> </a> <a href=""> <div class="banner-slide slide3"></div> </a> </div> <!-- 上一张下一张的按钮 --> <a href="javascript:void(0)" class="button prev"></a> <a href="javascript:void(0)" class="button next"></a> <!-- 圆点导航 --> <div class="dots" id="dots"> <span class="active"></span> <span></span> <span></span> </div> </div> <script type="text/javascript" src="js/script.js"></script> </body> </html>
添加回答
举报
0/150
提交
取消