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


喜欢的要粉哦!


点击次数:968  发布日期:2014-05-28  【打印此页】  【关闭