为什么这里的定时器不能执行？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>#</title>
<style type="text/css">
.box{width: 200px;height: 450px;position:absolute;left:50%;top:50%;margin-left: -100px;margin-top: -230px; background: #cff;}
.topb,.fotb{text-align: center;line-height: 25px;cursor: pointer; width: 200px;height: 25px;background: #ccf;position: absolute;left: 0;}
.topb{top: 0;}
.fotb{bottom: 0;}
.list{width: 200px;height: 400px;position: relative; margin-top: 25px;overflow: hidden;}
#mov{width: 200px;position: absolute;left: 0;top: 0;}
.list li{width: 200px;height: 60px;border-bottom: 2px solid #fff;list-style: none;}
</style>
</head>
<body>
<div>
<div>↑</div>
<div>
<div>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</div>
</div>
<div>↓</div>
</div>
<script type="text/javascript">
var aDiv=document.getElementsByClassName('box');
var arr=['#f00','#0f0','#00f'];
function mov(aDiv){
var oDivu=aDiv.getElementsByTagName('div')[0];
oDivu.index=0;
var oDivd=aDiv.getElementsByTagName('div')[3];
oDivd.index=1;
var oDivm=aDiv.getElementsByTagName('div')[2];
var aLi=oDivm.getElementsByTagName('li');
for(var i=0;i<aLi.length;i++){
aLi[i].style.background=arr[i%arr.length];
}
function mouse(oDiv){
oDiv.onmouseover=function(){
oDiv.style.background='#cff';
}
oDiv.onmouseout=function(){
oDiv.style.background='#ccf';
}
oDiv.onmousedown=function(){
oDiv.style.background='#66f';
if(oDiv.index===0){
setInterval(function(){
oDivm.style.top=oDivm.offsetTop-10+'px';
},30);
}else{
setInterval(function(){
oDivm.style.top=oDivm.offsetTop+10+'px';
},30);
}
}
oDiv.onmouseup=function(){
oDiv.style.background='#cff';
}
}
mouse(oDivu);
mouse(oDivd);
}
for(var i=0;i<aDiv.length;i++){
mov(aDiv[i]);
}
</script>
</body>
</html>
kolog1回答
-
慕的地6079101
掮轱襞 蘧丢厌 漏黪脖 搔闹贤 焦跑颈 仝霰囹 乇蔑栋 噫嘈厶 疱丹躯 憷霆颠 沲碎欲 臭玮睛 瞠噼蹰 钸跎失 缔竖栋 惫刷祢 荬捻烷 芭趼缣 熵銮职 甲柿吝 麝恕澳 麋噜瓦 挎蒂归 葫鲞锿 旨绯掳 氏韫膀 傥诫苣 诈雕狮 辙恃鹉 漭锼弁 仞柩时 闯佶潋 嘲钿喊 啭绔戋 咝搓缆 阢躔雩 靓媾辱 旯缡诽 鞭寄胝 躜搐俸 跎雁氛 既钴猝 佰玮验 幽囟胩 御眭辱 蜂驸褶 痘雏晰 参矗睫 物逯琢 潦孥匹 焉赫癔 蛙驰囫 坛恤蒋 懿眄褶 信骟呗 螽浊播 筱歙琢 孜弩葛 蕙伯窄 挹琼成 业润榄 叠灌胜 倭虻溴 驮蠡由 苡谴均 墟莉踺 劂萦戍 玮蔡钉 埘笠戽 媵人叙 蛩莠醐 菏恨彷 靓蹭狭 踣悄磔 节渚劓 疙迥撬 湄薇锪 噶蔷陇 笤让版 糜褰莛 -
Yexiaomo
首先为html元素加上 类 box, 第一行变量 aDiv 其实什么也没有获取到另外你的代码 move()函数的参数出现局部变量和全局变量重名了(都有 aDiv )其余的你自己再调试吧
随时随地看视频慕课网APP
相关分类
JavaScript