按照视频中的代码。写的一摸一样,为什么在IE浏览器中还是运行不了呢,代码没问题啊,检查好几遍了

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

qq_深海鱼肝油_0

2018-08-06 19:05

<script>

winddow.onload=function(){

var oDiv=document.getElementById('div1');

oDiv.onmouseover=function(){

startMove(100);

}

oDiv.onmouseout=function(){

startMove(30);

}

}

var timer=null;

var alpha=30;

function startMove(Target){

var oDiv=document.getElementById('div1');

clearInterval(timer);

timer = setInterval(function(){

var speed;

if(alpha>Target){

speed=-10;

}

else{

speed=10;

}

if(alpha==Target){

clearInterval(timer);

}

else{

alpha=alpha+speed;

oDiv.style.filter='alpha(opacity:'+alpha+')';

}

},30);

}

</script>


写回答 关注

4回答

  • 慕妹6349274
    2018-10-07 21:23:15

    老铁,你的winddow.onload=function(){}这句中的window多了个d。。。。。。

  • qq_寻陌上消逝_08
    2018-09-12 17:39:04

    你的div呢

  • 慕粉3074769
    2018-08-07 17:29:25
    首先第二行winddow.onload你检查一下。
    其次这两句第一句说是针对IE指的是IE版本8及以下,8以上及其他浏览器用第二句。
    oDiv.style.filter='alpha(opacity:'+alpha+')';//ie8及以下
    oDiv.style.opacity=alpha/100;//ie8以上及其他浏览器


  • ljw的小天地
    2018-08-07 15:49:50

    你没有定义div,没有设置div的css样式啊 

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题