在这个例子中，使用 DOM 对象的属性和javascript的函数来实现一个简单的动画。我们使用JavaScript 函数 getElementById()来获取 DOM 对象，然后将该对象分配给全局变量。

<script type = "text/javascript">     
	var img = null;     //声明变量
		function init(){      //函数初始化
		    img = document.getElementById('myimg');    
		    img.style.position = 'relative';         
		    img.style.left = '50px';
		    img.style.width='300px';
		    img.style.height='200px';
						
		}         
		function moveRight(){      
		    img.style.left = parseInt(    
		    img.style.left) + 100 + 'px';      
		}      
		window.onload = init;      
		       
</script>  

		<div>     
		    <img id = "myimg" src = "../../../../css_lx/images/4.jpeg" />     
		        <p>    
		            <p>单击下面的按钮将图像向右移动</p>     
		         <input type = "button" value = "点击" onclick = "moveRight();" />    
		      </p>     
		</div>

效果：