为什么鼠标移出的运动不对啊-慕课网

首页课程实战体系课手记专栏慕课教程

为什么鼠标移出的运动不对啊

来源：2-1 JS速度动画

慕粉3760367

2016-10-15 18:15

<!DOCTYPE html>

<html>

<head>

*{padding:0;margin:0;}

ul{list-style: none;margin-left: 20px;}

li{float: left;}

a{text-decoration:none;height:40px;width:100px;background-color: #ccc;display:block;text-align: center;line-height: 40px;margin-bottom: 15px;}

a:hover{background-color: #ecc;color: #fff;

}

</style>

window.onload=function(){

var aA=document.getElementsByTagName('a');

for(var i=0;i<aA.length;i++)

{

aA[i].onmouseover=function(){

var This=this;

This.time=setInterval(function(){

This.style.width=This.offsetWidth+8+"px";

if(This.offetWidth>=130){

clearInterval(This.time);

}

},30);

}

aA[i].onmouseout=function(){

var This=this;

This.time=setInterval(function(){

This.style.width=This.offsetWidth-8+"px";

if(This.offetWidth<=100){

This.style.width="100px";

clearInterval(This.time);

}

},30);

}

</script>

</head>

<body>

<ul>

</ul>

</body>

</html>

写回答关注

1回答

00小伙

2016-10-15 20:10:37

没有暂停

0 0

JS动画效果

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

113925 学习 · 1443 问题

相似问题

回答 2

回答 1

回答 2

回答 1

回答 1