层的切换

<html>
 <head>
 <title>层切换</title>
 <script language="javascript">
 function initial(){
  document.getElementById('haha').style.display="block";
  document.getElementById('heihei').style.display="none";
  document.getElementById("hehe").style.display="none";
 }
 function chehe(){
  document.getElementById("hehe").style.display="block";
  document.getElementById("haha").style.display="none";
  document.getElementById("heihei").style.display="none";
 }
 function cheihei(){
 document.getElementById("heihei").style.display="block";
 document.getElementById("haha").style.display="none";
 document.getElementById("hehe").style.display="none";
 }
 </script>
 </head>
 <body onLoad="initial()">
<ul>
<li><a href="#" onMouseOver="initial()">王</a></li>
<li><a href="#" onmouseover="cheihei()">飞</a></li>
<li><a href="#" onmouseover="chehe()">乔</a></li>
</ul>
<br>
<div id="haha">祝福俺王飞乔</div>
<div id="heihei">永远开心快乐</div>
<div id="hehe">天天都有好心情</div>
 </body>
</html>


送给我失恋的三侄女.- - 虽然代码效果很简陋...0 0

你可能感兴趣的:(切换)