码迷,mamicode.com
首页 > 编程语言 > 详细

点击按钮切换内容效果(使用CSS DIV与JavaScript)

时间:2016-05-23 00:30:04      阅读:542      评论:0      收藏:0      [点我收藏+]

标签:

<head>
<script type="text/javascript">
function change_div(id){
  if (id == ‘gsywly‘ )
  {
     document.getElementById("gsgs").style.display = ‘none‘ ;
     document.getElementById("gsywly").style.display = ‘block‘ ;
  }
  else
  {
     document.getElementById("gsywly").style.display = ‘none‘ ;
     document.getElementById("gsgs").style.display = ‘block‘ ;
  }
}
</script>

<style type="text/css">

    #gsywly { display:none;}

    li{list-style: none;}
</style>
</head>

<body>

    <ul>

         <li id="a"><a href="#" onclick="change_div(‘gsgs‘)">集团公告</a></li>
         <li id="b"><a href="#" onclick="change_div(‘gsywly‘)">单位公告</a></li>

    </ul>

  <div id="gsgs">A</div>
  <div id="gsywly" >B</div>
</body>

点击按钮切换内容效果(使用CSS DIV与JavaScript)

标签:

原文地址:http://www.cnblogs.com/zxg-6/p/5518192.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!