代码改变世界

一个js控制层显示与否的小demo

2010-06-23 16:10  ☆冷枫☆  阅读(301)  评论(0)  编辑  收藏  举报

     js控制层的显示和隐藏，代码如下：       

 <SCRIPT LANGUAGE="JavaScript">
  <!--
    function $(id){
   return document.getElementById(id);
 }
     function spclick(){
    if($("div").style.display=="none"){
       $("sp").innerText="隐藏";
       $("div").style.display="block";   
    }else{
       $("sp").innerText="显示";
       $("div").style.display ="none";
    }
  }
  //-->
  </SCRIPT>
 </HEAD>

 <BODY>
 <span id="sp" onclick="spclick()">隐藏</span>
  <div id ="div" style="border:1px solid red;width:130px;height:20px">消息层</div>
 </BODY>

 

     点击页面中的span标签就可以实现层的显示/隐藏切换了。。。