1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <script type="text/javascript"> 
  5. function change_div(id){ 
  6.   if (id == 'gsywly' ) 
  7.   { 
  8.      document.getElementById("gsgs").style.display = 'none' ; 
  9.      document.getElementById("gsywly").style.display = 'block' ; 
  10.   } 
  11.   else 
  12.   { 
  13.      document.getElementById("gsywly").style.display = 'none' ; 
  14.      document.getElementById("gsgs").style.display = 'block' ; 
  15.   } 
  16. } 
  17. </script> 
  18.  
  19. <style type="text/css"> 
  20.   #gsywly { 
  21.      display:none; 
  22.           } 
  23. </style> 
  24. </head> 
  25.  
  26. <body> 
  27.   <div id="button"> 
  28.     <ul> 
  29.       <li id="a"><a href="#" onclick="change_div('gsgs')">公司概述</a></li> 
  30.       <li id="b"><a href="#" onclick="change_div('gsywly')">公司业务领域</a></li> 
  31.     </ul> 
  32.   </div> 
  33.   <div id="gsgs"> 
  34.     <h2>公司概述</h2> 
  35.   </div> 
  36.   <div id="gsywly" > 
  37.     <h2>公司业务领域</h2> 
  38.   </div> 
  39. </body> 
  40. </html>