问答详情
源自:2-2 JS透明度动画

我照着老师写的为什么没有效果

#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>


提问者:总角晏晏 2015-06-15 15:33

个回答

  • 慕用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