我代码为什么不能运行呢
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="lunbo.css">
</head>
<body>
<div class="main" id="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="docs">
<span class="active"></span>
<span></span>
<span></span>
</div>
<script src="lunbo.js"></script>
<!--主菜单-->
<div class="menu">
</div>
</div>
</body>
</html>
var index=0,
timer=null,
pics=byId("banner").getElementsByTagName("div"),
len=pics.length;
function byId(id){
return typeof(id) === "string"?document.getElementById(id):id;
}
function slideImg(){
var main=byId("main");
//滑过清除定时器，离开继续
main.onmouseover=function(){
//滑过清除定时器
}
main.onmouseout=function(){
timer=setInterval(function(){
index++;
if(index>=len){
index=0;
}
changeImg();
},2000);
}
}
//切换图片
function changeImg(){
//遍历banner下所有div将其隐藏
for(var i=0;i<len;i++){
pics[i].style.display="none";
}
pics[index].style.display='block';
}正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星