我跟老師寫的代碼一樣的，不知道為什么在瀏覽器沒有效果呢？<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>
關于透明度動畫的問題
amily52000
2016-10-28 05:33:36