<!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>div{width:100px;height:100px;background-color:red;margin:10px;float:left;filter:alpha(opacity:30);opacity:0.3}</style><script>/*offsetWidth和border一起使用時的BUG如何解決*/function getStyle(obj,name){ if(obj.currenStyle){ return obj.currtnStyle(name); }else{ return obj.getComputedStyle(obj,false)[name]; } }function startMove(obj,attr,iTaret){ var cur=parseInt(getStyle(this,attr)); clearInterval(obj.timer); obj.timer=setInterval(function(){ var speed=(iTaret-cur)/6; speed=speed>0?Math.ceil(speed):Math.floor(speed); if(cur==iTaret){ clearInterval(obj.timer); }else{ obj.style[attr]=cur+speed+'px'; } },30) }window.onload=function(){ var oDiv=document.getElementsByTagName('div'); for(var i=0;i<oDiv.length;i++){ oDiv[i].timer=i; oDiv[i].onmouseover=function(){ startMove(this,width,400); } oDiv[i].onmouseout=function(){ startMove(this,width,100); } } } </script></head><body><div></div><div></div><div></div><div></div></body></html>
看下面代碼，執行不了startMove函數
淺水了
2015-07-26 14:15:45
