<!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:0;padding:0;}ul li{width:200px;? ? ? height:100px; ?background:yellow; ?margin-bottom:20px; ?border:4px solid black; ?filter:alpha(opacity); ?opacity:0.3; ?}ul,li{list-style:none;}</style><script type="text/javascript"">function getStyle(obj,attr){? ?if(obj.currentStyle){ ? return obj.currentStyle; ? } ? else{ ? return getComputedStyle(obj,false)[attr]; ? } }function startMove(obj,attr,target,fn){? ?clearInterval(obj.timer);? ?obj.timer=setInterval(function(){ ? ? ?//取當前的值 ? ? ?var icur=0; ?if(attr=='opacity'){ ?icur=Math.round(parseFloat(getStyle(obj,attr))*100); ?} ?else{ ?icur=parseInt(getStyle(obj,attr)); } ?//算速度 ? ? ?var speed=(target-icur)/8; ?speed=speed>0?Math.ceil(speed):Math.floor(speed); ?//檢測停止 ?if(icur==target){ ? ?clearInterval(obj.timer); if(fn){ fn(); } ?}else{ ?if(attr=='opacity'){ ?obj.style.filter='alpha(opacity:'+ ?(icur+speed)+')'; ?obj.style.opacity=(icur+speed)/100; ?}else{ ?obj.style[attr]=icur+speed+'px'; ?} ?} ? },30);}window.onload=function(){? ? ?var li=document.getElementById("li1"); li.onmouseover=function(){ ? startMove(li,'width',400,function(){ ? ? alert(1); ? }); }}</script></head><body><ul>? ? <li id="li1"></li></ul></body></html>
alert彈不出來，那個要改變得寬度沒有達到400px
qq_果汁分ni半_03462240
2017-03-26 14:24:38
