                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JS動畫效果

執(zhí)行沒效果，想知道哪里錯了？

<!DOCTYPE?html>
<html?xmlns="http://">
<head>
????<meta?http-equiv="Content-Type"?content="text/html;charset=utf-8"></meta>?????<!--?可讓中文正常顯示?-->
????<title>鼠標滑過改變透明度</title>
????<link?href="css/main.css"?rel="stylesheet"?/>
????<style?type="text/css">
????#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){
?????????clearInterval(timer);
?????????var?oDiv=document.getElementById('div1');??????//再聲明一次，因為不是全局變量
?????????timer=setInterval(function(){
????????????var?speed=0;
????????????if?(alpha>iTarget)?{
????????????????speed=-10;
????????????}
????????????else?if（alpha<iTarget）{
????????????????speed=10;
????????????}
????????????if?(alpha==iTarget)?{
????????????????clearInterval(timer);
????????????}
????????????else{
????????????????alpha+=speed;
????????????????oDiv.style.filter='alpha(opacity:'+alpha+')';
????????????????oDiv.style.opacity=alpha/100;?????????//火狐或者chrome瀏覽器才能正常顯示
????????????}
?????????},30)
?????}
????</script>

</head>

<body>
<div?id="div1"?></div>
</body>
</html>

想知道我這代碼哪里錯了，在360瀏覽器和chrome都執(zhí)行沒效果啊，看不出來透明度變化