zoukankan      html  css  js  c++  java
  • js+css+div的点击后显示或者隐藏


    <html >
    <head>
    <meta charset=utf-8 />
    <title>JS Bin</title>
    </head>
      <script type="text/javascript">
      
        function showaa(obj)
        {
          //var obj_parent=obj.parentNode;
          var obj_parent=obj.parentElement
        
          if(obj_parent.className=="aa_show")
          {
            obj_parent.className="aa_hide";
          }
          else
          {
            obj_parent.className="aa_show";
          }
        
        }
       
      </script>
      <style type="text/css">
        .aa_show a.two
        {
          display:block;
        }
        .aa_hide a.two
        {
          display:none;
        }
     
       
     
      </style>
     
    <body>
     
     
     
      <div class="aa_hide">
        <a href="#" onclick="showaa(this)">aaaa1</a><br/><!--用这个立马就行了,真给气死-->
     <a href="javacript:showaa(this)">aaaa2</a><br/><!--今天下午一直用的这个一直不行,悲剧。知道原因的,求留言,非常感谢-->
        <a class="two" href="#" >本文出自:http://www.cnblogs.com/ribavnu/p/3228887.html</a>
      </div>
    </body>
    </html>

    说明:这种写法相信各位童鞋看到的不多,我从一个实习的同事那看到的,据说是他们老师教的。

    各位客官如果有个人看法或者更好的写法,请在下边留言,必回复。可能回复的不太及时。

  • 相关阅读:
    HTML/CSS
    Python字符编码
    软件测试遇到的问题积累
    数学
    经济学路谱
    工具
    DataStage
    Shell编程—定时任务
    WebLogic部署
    imageView-scaleType 图片压缩属性
  • 原文地址:https://www.cnblogs.com/ribavnu/p/3228887.html
Copyright © 2011-2022 走看看