层的切换

最新推荐文章于 2020-06-03 23:40:03 发布

yzbczq

最新推荐文章于 2020-06-03 23:40:03 发布

阅读量142

点赞数

分类专栏： ajax 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/yzbczq/article/details/83336983

版权

ajax 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<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>