opacity 问题无法运行代码和老师的一样-慕课网

opacity 问题无法运行代码和老师的一样

来源：2-2 JS透明度动画

吃瓜小夏

2016-05-10 12:48

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>普通速度动画</title>

*{margin:0;padding:0;}

div{width:100px;height:100px;background-color:#C00;position:relative;left:0px;top:0;opacity:0.3;filter:Alpha(opacity=30);}

</style>

window.onload=function(){

var mdiv=document.getElementById("wrapper");

mdiv.onmouseover=function(){startmove(100)};

mdiv.onmouseout=function(){startmove(30)};

}

var timer=null;

var alpha=30;

function startmove(itarget){

var mdiv=document.getElementById("wrapper");

clearInterval(timer);

timer=setInterval(function(){

var speed=0;

if(alpha>itarget){speed=-10;}

else{speed=10;}

if(alpha==iterget){clearInterval(timer)}

else{alpha+=speed;mdiv.style.opacity=alpha/100;mdiv.style.filter="Alpha(opacity:'+alpha+')"}

},30)

}

</script>

</head>

<body>

</div>

</body>

</html>

写回答关注

1回答

吃瓜小夏

2016-05-10 12:51:59

不好意思自己已经检查出问题在哪了最后的itarget拼写错误了哎太粗心大意了

0 0

JS动画效果

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

113920 学习 · 1500 问题

查看课程

相似问题

如果，你的代码和老师一模一样，仍然无法停止不了原因是：

回答 1

obj.style.filter = 'alpha(opacity:' + 语法问题

回答 3

我照抄了一遍第一次运行的代码，但无论哪个浏览器都无法实现功能

回答 4

和老师的代码几乎一样，为什么我的不能缩回来？

回答 1

代码里面的Li1无法运行，调试找不到bug求各位大神帮助？？？

回答 2

打开慕课网App查看更多内容

opacity 问题 无法运行 代码和老师的一样

1回答

opacity 问题无法运行代码和老师的一样