郁闷吧
懒人建站QQ群：4188479(满) 63242849(满) 39070147

懒人建站 : 懒人建站 > JS代码 > 导航菜单 >

竖向折叠二级导航JS代码（可防刷新ul/li结构）

关键字：二级导航竖向导航防刷新

竖向折叠二级导航JS代码，可防刷新，ul/li结构。修改方便。部分结构代码如下：

竖向折叠二级导航JS代码（可防刷新ul/li结构）

<style type="text/css">

#PARENT{
 width:300px;
 padding-left:20px;
}
</style>
<div id="PARENT">
<ul id="nav">
<li><a href="#Menu=ChildMenu1"  onclick="DoMenu('ChildMenu1')">懒人建站</a>
 <ul id="ChildMenu1" class="collapsed">
 <li><a href="http://www.51xuediannao.com">懒人建站</a></li>
 <li><a href="http://www.51xuediannao.com/js">js代码</a></li>
 <li><a href="http://www.51xuediannao.com">懒人建站</a></li>
 <li><a href="http://www.51xuediannao.com/js">js代码</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 </ul>
</li>
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">懒人建站</a>
 <ul id="ChildMenu2" class="collapsed">
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 </ul>
</li>
<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">懒人建站</a>
 <ul id="ChildMenu3" class="collapsed">
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 </ul>
</li>
<li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">懒人建站</a>
 <ul id="ChildMenu4" class="collapsed">
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 <li><a href="#">懒人建站</a></li>
 </ul>
</li>
</ul>
</div>
<script type=text/javascript></script>

<div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%;">
<span>本代码由<a href="http://www.51xuediannao.com" style="color:#F00;">懒人建站网 收集整理</a> </span><br>
<a href="http://www.51xuediannao.com">懒人建站 http://www.51xuediannao.com</a><br /><br/>
<span>懒人建站为您提供-各种bolg制作技巧，HTML技巧，CSS技巧和CMS使用技巧</span><br />
<span>懒人建站只收录实用和能提高用户体验的代码</span><br />
<span>我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。</span>
</div>

代码说明:

竖向折叠二级导航JS代码，可防刷新，ul/li结构。修改方便。

部分结构代码如下：

<ul id="ChildMenu1" class="collapsed">
<li><a href="http://www.51xuediannao.com">懒人建站</a></li>
<li><a href="http://www.51xuediannao.com/js">js代码</a></li>
<li><a href="http://www.51xuediannao.com">懒人建站</a></li>
<li><a href="http://www.51xuediannao.com/js">js代码</a></li>
<li><a href="#">懒人建站</a></li>
<li><a href="#">懒人建站</a></li>
</ul>

来源：懒人建站|发布人：懒人建站|发布时间2009-12-09 22:38|热度：次

上一篇：纯div+css的竖向三级导航菜单代码
下一篇：纯div+css水平三级导航菜单子菜单向上弹出

热门标签：jQuery jQuery弹出层 QQ客服弹出层黄色导航图片展示右下角弹出窗口

相关代码

更多精彩

友情链接: 兼职网站大全 ACTCMS 深圳网站建设北京SEO IE5678建站网美易软件淮安网站优化 158网络创业缩阴产品排行榜 QQ聊天助手

JS代码 | 网页特效 | 网页特效代码 | 网页特效代码大全 | jQuery | jQuery弹出层 | QQ客服 Copyright © 2008-2009 懒人建站www.51xuediannao.com 版权所有
Powered by 懒人建站 备案号：豫ICP备09003854号

会员中心忘记密码?