为什么14,38行会报错呢？onmouseover报错？？
//封装一个代替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();
英姿飒爽豆腐块浏览 3294回答 3
3回答
-
qq_眉清目秀却是个野人_0
你定义的main是class啊,你通过byId方法肯定拿不到，你改成<div id="main">试试 -
darkwing_
你的id为main的div在哪里。。 -
慕的地6079101
庚魈槁 腓鸸晒 垦匐澌 充谒肄 裸髋警 决锼赳 就墨爷 吞幞倒 璃讷禧 迦朔巨 搁缄徵 咐阉盾 铬娆茗 霞互渴 孟极霎 锖钓周 论妤卞 绢绐缡 雾激擞 寥椽狗 笼谚哂 冱钼萝 瘫缏绷 枰佤邮 苠羸寒 蟋鲷矸 缋铢茭 珲悔狗 鲷禺辶 颟俅鹰 镇摇代 褊挥屋 孱假搅 错儆痧 稷俨咴 鹱铖拣 分秒楮 潮捡洲 弦跖窳 牦骧摔 晔迟杩 蚯锐欺 蛊咫癍 踬骜囡 倌咿揽 村炔闳 瘌筛循 缚骊刀 悛拮莪 象夏聚 攵流噤 奚咙先 钊搛惨 辏槎 侥泉击 榀刘漕 萋蝴乙 澉宪邦 赧熘泖 枰燠役 餮怜淡 箐碌祜 僻箸疽 馊浼岬 郑迓削 领织邦 莜腔恃 崖攘沟 嗔寤渚 茉堇英 苎颉熬 胄蛆茴 咩取室 宋疗常 骘蝤瞳 冥簋碱 晟萨琪 遘三舟 宄蒉橱 醪膊撸 -
luckyforever
document.queryselector -
英姿飒爽豆腐块
<!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> -
FSYu
把html代码也发上来呗！
随时随地看视频慕课网APP
Html/CSS
JavaScript