首 页  >>  E商学院  >>  PHP新发现  >>  点击a标签显示或隐藏div层

点击a标签显示或隐藏div层

很好的一个效果，分享给大家，免得需要的时候到处找。

效果预览：http://demo.3a3.com.cn/demo/a.html

JS代码段： 

    1. <script language="javascript" type="text/javascript">   
    2.         /***
    3.         *功能：隐藏和显示div  
    4.         *参数divDisplay：html标签id  
    5.         ***/  
    6.         function click_a(divDisplay)   
    7.         {   
    8.             if(document.getElementById(divDisplay).style.display != "block")   
    9.             {   
    10.                 document.getElementById(divDisplay).style.display = "block";   
    11.             }   
    12.             else  
    13.             {   
    14.                 document.getElementById(divDisplay).style.display = "none";   
    15.             }   
    16.         }   
    17.     </script> 


DIV代码段：

  1. "return click_a('divOne_1')" style="cursor:pointer; padding:10px; background:#ccc; display:block;">我是a标签，请点击我   
  2.         "divOne_1" style="display:none;">我是divOne_1，点击a标签显示我，再点击隐藏我.
    备注：a标签     return click_a('divOne_1') 中的divOne_1为你要显示和隐藏的div的id
  


喜欢的要粉哦！


点击次数：2162  发布日期：2014-05-28  【打印此页】  【关闭】
上一篇：zencart如何做好站内优化?
下一篇：评论吸引流量实战技巧操作指南