学无止境

-------至弱即为至强!

导航

页面选项卡代码

Posted on 2006-06-15 16:54  赵国亮  阅读(3488)  评论(0编辑  收藏  举报

        前几天做首页的选项卡代码,找了半天居然没一个能用得,后来让夕阳轨迹给重写了一个,现在公布出来供大家参考。

实现的效果如下:


页面调用代码为:
<script language="javascript" src="sel.js"></script>
<div id="Layer1" style="DISPLAY: none;">
    <a onClick="return Action('2')">信息发布类</a>
</div>

sel.js脚本代码为:
function Action(id)
{
 for(var i = 1;i < 12 ; i ++)
 {
  var LayID = document.getElementById("Layer" + i);
  if(LayID.style.display!="none")
   LayID.style.display='none';
 }
 id = "Layer" + id;
 CreatLay(id);
 
 var it = new Item(id);
 it.Lay();
}

function CreatLay(id)
{
 var LayID = document.getElementById(id);
 if (LayID.style.display=="none")
 {
  LayID.style.display='';
 }
 else
 {
  LayID.style.display='none';
 }
}