求大神指教，透明度为何没有变化？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0px;padding:0px;}
#box{width:200px;height:200px;background:#F00;
     margin:0 auto;filter:alpha(opacity:30);opacity:0.3;}
</style>
<script type="text/script">
window.onload=function(){
var oDiv=document.getElementById("box");
    oDiv.onmouseover=function(){
   change(100);

    }
   oDiv.onmouseout=function(){
   change(30);
    }

}
var timer;
var alpha=30;
function change(target){
   var oDiv=document.getElementById("box");
   clearInterval(timer);
   timer=setInterval(function(){
       var speed=0;
       if(alpha<target){
           speed=-10;
           }
       else{
           speed=10;
           }
       if(alpha==target){
           clearInterval(timer);

           }
       else{
           alpha+=speed;
           oDiv.style.filter='alpha(opacity:'+alpha+')';
           oDiv.style.opacity=alpha/100;

           }

       },30);
   }
</script>
</head>

<body>
<div id="box">
</div>
</body>
</html>

慕婉清8780025

浏览 1127回答 1

1回答

慕婉清8780025

已解决，此处应该是text/javascript.<script type="text/script">...还是要细心。。。

0 0

随时随地看视频慕课网APP