我照着老师写的为什么没有效果
来源：2-2 JS透明度动画
总角晏晏
2015-06-15 15:33
#box {width:200px;height:200px;opacity:0.3;margin:0 auto;background-color:#F00;}
</style>
<script type=text/javascript>
window.onload=function(){
var bo1=document.getElementById(box);
bo1.onmouseover=function(){
boc(100);
}
bo1.onmouseout=function(){
boc(30);}
}
var timer=null;
var va=30;
function boc(ita)
{
clearInterval(timer);
var bo1=document.getElementById(box);
timer=setInterval(function(){
var speed=0;
if (va>ita)
{
speed=-10;}
else
{
speed=10;}
if (va==ita)
{
clearInterval(timer);
}
else{
va+=speed;
bo1.style.opacity=va/100;
}},30)
}
</script>
写回答
关注
3回答
-
- 慕用7077196
- 2015-08-17 14:11:02
var bo1=document.getElementById(box); 没引号 获取不到你的box
-
- resway
- 2015-06-17 10:00:40
要养成良好的命名习惯
-
- 庚庚
- 2015-06-15 18:38:43
我也是这样
没有效果，用的sublime
JS动画效果
通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装
113925 学习 · 1443 问题
相似问题