符合网页标准的无限网页分级菜单
一个不被flash、select、activex遮挡的、跨frame的无限分级菜单 该菜单改良自著名的chromemenu,可以无限分级,使用方法: 1、添加主菜单项 找到类似下面代码的部分: div class="chromestyle" id
一个不被flash、select、activex遮挡的、跨frame的无限分级菜单
该菜单改良自著名的chromemenu,可以无限分级,使用方法:
1、添加主菜单项
找到类似下面代码的部分:
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.webjx.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
<li><a href="#" rel="dropmenu3">Search</a></li>
</ul>
</div>
在<ul>内部添加一个<li>,即可新添加一个主菜单项,注意给出“rel”的值,如上述代码所示。
2、为一个主菜单添加下拉菜单:
先看一级菜单的写法:
<!--子菜单1-->
<div id="dropmenu1" class="menu">
<ul>
<li><a href="http://eip/C10/内部邮件/default.aspx" target="_self" title="内部邮件">内部邮件</a></li>
<li><a href="http://eip/待办公文/default.aspx" target="_self">待办公文</a></li>
<li><a href="http://eip/C18/日程任务/default.aspx" target="_self">工作安排</a></li>
<li><a href="http://eip/C1/公文处理/default.aspx" target="_self">公文处理</a> </li>
</ul>
</div>
注意div的id要和对应的主菜单项的rel参数相同,当鼠标移动到此菜单项时即可显示下拉菜单,菜单样式由class控制。
再来看怎么添加分级菜单,先看代码:
<!--子菜单1-->
<div id="dropmenu6" class="menu">
<ul>
<li><a href="#" target="_self" title="驾驶舱">驾驶舱</a>
<!--[if lte IE 6]><a href="#">驾驶舱<font face='Webdings' style='font-size: 6pt'>4</font><table><tr><td> <![endif]-->
<ul>
第 1 2 页
该菜单改良自著名的chromemenu,可以无限分级,使用方法:
1、添加主菜单项
找到类似下面代码的部分:
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.webjx.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
<li><a href="#" rel="dropmenu3">Search</a></li>
</ul>
</div>
在<ul>内部添加一个<li>,即可新添加一个主菜单项,注意给出“rel”的值,如上述代码所示。
2、为一个主菜单添加下拉菜单:
先看一级菜单的写法:
<!--子菜单1-->
<div id="dropmenu1" class="menu">
<ul>
<li><a href="http://eip/C10/内部邮件/default.aspx" target="_self" title="内部邮件">内部邮件</a></li>
<li><a href="http://eip/待办公文/default.aspx" target="_self">待办公文</a></li>
<li><a href="http://eip/C18/日程任务/default.aspx" target="_self">工作安排</a></li>
<li><a href="http://eip/C1/公文处理/default.aspx" target="_self">公文处理</a> </li>
</ul>
</div>
注意div的id要和对应的主菜单项的rel参数相同,当鼠标移动到此菜单项时即可显示下拉菜单,菜单样式由class控制。
再来看怎么添加分级菜单,先看代码:
<!--子菜单1-->
<div id="dropmenu6" class="menu">
<ul>
<li><a href="#" target="_self" title="驾驶舱">驾驶舱</a>
<!--[if lte IE 6]><a href="#">驾驶舱<font face='Webdings' style='font-size: 6pt'>4</font><table><tr><td> <![endif]-->
<ul>
第 1 2 页
精彩图集
精彩文章