致力于网页设计制作教程:HTTP://WWW.ASP119.COM

当前位置：首页 > 网页特效 > JS菜单导航

JS CSS打造可刷新的带二级目录页面导航

作者：迷失的宇　来源：ASP急救中心　浏览：添加日期：2010-12-18 　我要评论( )

[导读]JS CSS打造可刷新的带二级目录页面导航

JS CSS打造可刷新的带二级目录页面导航

<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.chinahtml.com" target="_blank">网页教学网</a></li>
<li><a href="#">管理</a></li>
<li><a href="http://www.chinahtml.com" target="_blank">网页教学网</a></li>
<li><a href="#">管理</a></li>
<li><a href="http://www.chinahtml.com" target="_blank">网页教学网</a></li>
<li><a href="#">管理</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a>
<ul id="ChildMenu2" class="collapsed">
<a href="http://www.chinahtml.com" target="_blank">支付</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>
<a href="http://www.chinahtml.com" target="_blank">管理</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>
<a href="http://www.chinahtml.com" target="_blank">管理</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>

提示:可以修改后运行.

Tags:

上一篇：一个纯CSS下拉菜单下载
下一篇：下面没有链接了

相关文章

文章评论

正在载入评论数据中...

相关栏目

推荐文章

最新信息