Question

我想在用js做一个横向展开菜单（新手），有一个bug不知道错在哪里？求大神告知。主要代码如下：

<style>
#div1{width:100px;height:100px;background:orange}
</style>
<script type="text/javascript">
window.onload=function()
{ var odiv = document.getElementById('div1');
odiv.onmouseover = function () {
startMove(300)
}

odiv.onmouseout = function () {
startMove(100)
}
function startMove(itarget){
var odiv=document.getElementById('div1')
setInterval(function(){
var ispeed=(itarget-odiv.offsetWidth)/10;
if(ispeed>=0){
Math.ceil('ispeed');
}else{
Math.floor('ispeed');
}
if (odiv.offsetWidth == itarget) {
clearInterval(timer);
} else{
odiv.style.width = odiv.offsetWidth + ispeed + 'px';
}

}, 30)
}
}

</script>

<div id="div1" ></div>

Answer 1

window.onload=function(){
var odiv = document.getElementById('div1');

odiv.onmouseover = function () {
startMove(300);
}

odiv.onmouseout = function () {
startMove(100);
}
function startMove(itarget){
var odiv=document.getElementById('div1');
var ispeed=(itarget-odiv.offsetWidth)/10;
var timer = setInterval(function(){
if(ispeed>=0){
Math.ceil('ispeed');
if (odiv.offsetWidth == 300) {
clearInterval(timer);
} else{
odiv.style.width = odiv.offsetWidth + ispeed + 'px';
}
}else{
Math.floor('ispeed');
if (odiv.offsetWidth == 100) {
clearInterval(timer);
} else{
odiv.style.width = odiv.offsetWidth + ispeed + 'px';
}
}
}, 30)
}
}
</script>