1. <html> 
  2. <head> 
  3. <script type="text/javascript"> 
  4. <!-- 
  5. function one(){ 
  6.   document.getElementById('ok').style.background='url(http://d.lanrentuku.com/down/png/1205/angrybirds.jpg)'; 
  7. } 
  8. function two(){ 
  9.   document.getElementById('ok').style.background='url(http://d.lanrentuku.com/down/png/1110/angry_birds.jpg)'; 
  10. } 
  11.  
  12. function first(){ 
  13.   document.yes.src='http://d.lanrentuku.com/down/png/1205/angrybirds.jpg'; 
  14. } 
  15. function second(){ 
  16.   document.yes.src='http://d.lanrentuku.com/down/png/1110/angry_birds.jpg'; 
  17. } 
  18. //--> 
  19. </script> 
  20. </head> 
  21.  
  22. <body> 
  23. <div id="ok" onMouseover="one()" onMouseout="two()" style="height:150px;width:550px;border:1px solid #ccc;background:#ddd">通过获取id变换</div> 
  24. <hr /> 
  25.  
  26. <a href="#"> 
  27.     <img src="http://www.baidu.com/img/baidu_jgylogo3.gif" name="yes" onmouseOver="first()" onmouseOut="second()" border="0" /> 
  28. </a> 
  29. </body> 
  30. </html>