qq_小潘安_03830329
2016-11-08 10:20
<script type="text/javascript">
window.onload+function(){
var odiv=document.getElementById("div1");
odiv.onmouseover=function(){
starMove(100);
};
odiv.onmouseout=function(){
starMove(30);
};
};
var timer=null;
var alpha=30;
function starMove(morm){
var odiv=document.getElementById("div1");
clearInterval(timer);
timer=setInterval(function(){
var speed=0;
if (speed>morm) {
speed=-10;
} else{
speed=10;
};
if(alpha==morm){
clearInterval(timer);
}else{
alpha+=speed;
odiv.style.filter="alpha(opactiy:"+alpha+")";
odiv.style.opacity=alpha/100;
};
},30);
};
</script>
在if判断条件那,应该是alpha>morm;还有一个window.onload=function,不是+function
window.onload = function(){}。 意思是在页面加载完成之后的函数。不是 window.onload +function(){}
下次运行的时候,你可以尝试按下f12,然后你就可以在浏览器的控制台上看到自己哪一行代码出错了,这样就可以逐步检查出来。debug如果不是自己做,那就没有意义了。
JS动画效果
113925 学习 · 1443 问题
相似问题