js改变宽高字体大小透明度多物体模块运动

	
		
   
   
		
		
		<script type="text/javascript">
		
			window.onload = function() {
				
				var div1 = document.getElementsByTagName("div");
				
				for(var i = 0; i < div1.length; i++) {
					
					div1[i].timer = null;
					
					div1[i].onmouseover = function() {

						startMove(this, 'opacity', 100);
					}
					div1[i].onmouseout = function() {
						
						startMove(this, 'opacity', 30);
					}
				}

			}

			function startMove(obj, attr, itargart) {

				clearInterval(obj.timer);
				
				obj.timer = setInterval(function() {
					
					var cur = 0;
					
					if(attr == 'opacity') {
						cur = Math.round(parseFloat(getStyle(obj, attr)) * 100);
					} else {
						cur = parseInt(getStyle(obj, attr));
					}

					var speed = (itargart - cur) / 6;
					speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed);

					if(itargart == cur) 
					{
						
						clearInterval(obj.timer);
						
					} 
					else 
					{
						if(attr == 'opacity') 
						{
							
							obj.style.filter = 'alpha(opacity:' + (cur + speed) + ')';
							obj.style.opacity = (cur + speed) / 100;
						} 
						else 
						{
							obj.style[attr] = cur + speed + 'px';
						}
					}

				}, 30);

			}

			function getStyle(obj, name) 
			{
				if(obj.currentStyle)
				{
					return obj.currentStyle[name];
				} 
				else
				{
					return getComputedStyle(obj, false)[name];
				}
			}
		</script>
	

	
	
纯js实现多物体同时运动，可填写物体的宽高字体大小及透明度