内类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>
至此你就可以完成这个实例了,快去试试吧!
页面:点这儿参观
制作方法
将下面的代码复制到<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>
至此你就可以完成这个实例了,快去试试吧!
回复Comments
{commenttime}{commentauthor}
{CommentUrl}
{commentcontent}