透明度变化和所有px为单位的运动

/**
	只能用于style属性
	只能用于px
	css中没有设置过初始值貌似不行
	*/
	function animate(o,attr,add,start,end,t){
		//o 动画的对象
		//attr 对象的style属性中要变化的对应属性
		//t 时间间隔
		//add 每次增加或者减少的量
		//start 开始值
		//end 结束值
		//t 变化时间间隔，默认值50ms
		var t = !!t ? t:50;
		var interval = setInterval(function(){
										if(add>0){
											if(start>=end){
												clearInterval(interval);
											}
											start += add;
											o.style[attr] = start+'px';
										}else if(add<0){
											if(start<=end){
												clearInterval(interval);
											}
											start += add;
											o.style[attr] = start+'px';
										}
						},t);
		
	}
	
	//透明度动态变化
	function opacityAnimate(o,add,start,end,t){
		//变化透明度的对象
		//add 每次的增量
		// 开始值
		// 结束值
		// 变化时间间隔，默认50ms
		t = !!t ? t : 50;
		//IE下自带filters属性设置透明度
		var setOpacity = document.documentElement.filters ? 
								function(o,opacity){//IE
									
									o.style.filter = "alpha(opacity="+opacity+");";
								} :
								function(o,opacity){//FF
									o.style.opacity = opacity/100;
								}
		var interval = setInterval(function(){
			if(start==end){
				clearInterval(interval);
				
				return;
			}
			start = start+add;
			
			setOpacity(o,start);
			
		},t);
	}