<!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>無標(biāo)題文檔</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
2016-05-11 17:31:24