我跟老师写的代码一样的，不知道为什么在浏览器没有效果呢？<title>无标题文档</title><style> body.div{ margin:0; padding:0; } #div1{ width:200px; height:200px; background:red; filter:alpha(opacity:30); opacity:0.3; }</style><script>window.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(iTarget){ var oDiv = document.getElementById("div1"); clearInterval(function(){ var speed =0; if(alpha>iTarget){ speed=-10; } else{ speed=10; } if(alpha == iTarget){ clearInterval('timer'); } else{ alpha+=speed; oDiv.style.filter = 'alpha(opacity:'+alpha+')'; oDiv.style.opacity = alpha/100; } },30) } </script> </head> <body> <div id="div1"></div> </body>
添加回答
举报
0/150
提交
取消