知识分享互助懒人建站

懒人建站、懒人一百

懒人建站专注于网页素材下载，提供网站模板、网页设计、ps素材、图片素材等，服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
知识分享互助！

当前位置：懒人建站 > 导航菜单 > 竖向折叠二级导航JS代码（可防刷新ul/li结构）

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

作者：佳明妈来源：懒人建站 2009-12-09 人气：

竖向折叠二级导航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>

↓ 查看全文

本文链接：竖向折叠二级导航JS代码（可防刷新ul/li结构）https://www.51xuediannao.com/js/nav/254.html

竖向折叠二级导航JS代码（可防刷新ul/li结构）由懒人建站收集整理，您可以自由传播，请主动带上本文链接

懒人建站就是免费分享，觉得有用就多来支持一下，没有能帮到您，懒人也只能表示遗憾，希望有一天能帮到您。

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

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