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

我按照老師的視頻敲的代碼怎么實現(xiàn)不了透明度漸變，哪位大神幫忙看下，謝謝！

<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8"?/>
????????<title>自定義運動框架02</title>
????????<style?type="text/css">
????????????*{margin:?0;padding:?0;}
????????????#div1{
????????????????width:?200px;
????????????????height:?200px;
????????????????background:?red;
????????????????background:?red;
????????????????filter:?alpha(opacity:30);
????????????????opacity:?0.3;
????????????}
????????????
????????????
????????</style>
????????
????????<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>
????????
????</head>
????<body>
????????<div?id="div1"></div>
????</body>
</html>