為什么我的代碼不執(zhí)行透明度變化?
?<head>
? ? <title>透明度</title>
? ?<meta http-eqiv="Content-Type" content='text/html;charset= utf-8'/>
? <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(timer);
? ? timer=setInterval(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>
</html>
2016-06-09
寫錯了哥 ?window.onload=function(){} ?你的括號少了;加上之后 運(yùn)行沒問題 ?如果再有問題可能就是瀏覽器了
2016-06-09
這個用瀏覽器的控制臺一看就知道了 會報(bào)錯的