//經過測試發現getStyle(obj,'opactiy')是沒有的，所以后面的都錯了，但不知道哪里出錯了。。。

window.onload?=?function(){
	var?aLi?=?document.getElementsByTagName('li');
	for(var?i=0;?i?<?aLi.length;?i++)
	{
		aLi[i].timer?=?null;
		aLi[i].onmouseover?=?function(){
			var?_this?=?this;
			startMove(_this,'width',400,function(){
				startMove(_this,'height',400,function(){
					startMove(_this,'opactiy',100);//前面都可以，就這個改變不了
					});
				});
			}
		aLi[i].onmouseout?=?function(){
			var?_this?=?this;
	//這里若加上變透明度的直接全部運行都恢復不了
				startMove(_this,'height',100,function(){
					startMove(_this,'width',200);
					});
				
			}
	}
}

function?startMove(obj,attri,iTarget,fn)
{
	clearInterval(obj.timer);
	obj.timer=setInterval(function()
	{
		var?ic=0;
			??if?(attri?==?'opactiy')
			??{
			?????ic=Math.round(parseFloat(getStyle(obj,attri))*100)
			??}
			??else
			??{
	?????????????ic=parseInt(getStyle(obj,attri));
			??}
			var?speed=(iTarget-ic)/8;
			speed=speed>0?Math.ceil(speed):Math.floor(speed);
			if?(ic==iTarget){
				clearInterval(obj.timer);
				if?(fn){
					fn();
				}
			}
			else
			{
				if(attri=='opacity')
				{
					obj.style.opacity?=?(ic+speed)/100;
					obj.style.filter='alpha(opacity:'+ic+speed+')';
				}	?
				else{
				obj.style[attri]=ic+speed+'px';
				}
			?}
	},30)
}
//獲取函數
function?getStyle(obj,attri){
	if(obj.currentStyle){
		return?obj.currentStyle[attri];//針對ie瀏覽器
	}
	else{
	????return?getComputedStyle(obj,false)[attri];//針對firefox瀏覽器
	}
}