树型菜单(一)

      网站 2005-10-12 11:3
内类windows的可伸缩树型菜单,可运用于不需再细分的栏目导航。


页面:点这儿参观

制作方法
将下面的代码复制到<head>~</head>里

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]


将下面的代码复制到<body>~</body>里

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



制作要点:
1、每一个分类都需定义值:
  <div id=KB1Parent>                       // ID值为唯一的
  <a onClick="expandIt('KB1'); return false" href="#" >精品下载</a></div>  // 定义onclick属性

--------------------------------------------------------------------------------
2、每一个分类下面的文件都需统一定义class及ID。
   <div class=child id=KB1Child>                  // ID值为唯一的
   <a href="#" >Dreamweaver 资源</div>
   <a href="#" >Dreamweaver 资源</div>
   </div>
--------------------------------------------------------------------------------
3、在分类的下边有一 script 的定义:
  <script>numTotal=3;scores[1]='KB1';scores[2]='KB2';scores[3]='KB3';</script>
  如果要增加一个类,则需把 numTotal 增加数值,再加一个scores[N]='KBN',例:
  <script>numTotal=4;scores[1]='KB1';scores[2]='KB2';scores[3]='KB3';scores[4]='KB4';</script>


至此你就可以完成这个实例了,快去试试吧!
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}