一个不被flash、select、activex遮挡的、跨frame的无限分级菜单
来源:互联网 发布:淘宝客交流论坛 编辑:程序博客网 时间:2024/05/19 17:59
一个不被flash、select、activex遮挡的、跨frame的无限分级菜单
该菜单改良自著名的chromemenu,可以无限分级,使用方法:
1、添加主菜单项
找到类似下面代码的部分:
<divclass="chromestyle"id="chromemenu">
<ul>
<li><ahref="http://www.dynamicdrive">Home</a></li>
<li><ahref="#"rel="dropmenu1">Resources</a></li>
<li><ahref="#"rel="dropmenu2">News</a></li>
<li><ahref="#"rel="dropmenu3">Search</a></li>
</ul>
</div>
在<ul>内部添加一个<li>,即可新添加一个主菜单项,注意给出“rel”的值,如上述代码所示。
2、为一个主菜单添加下拉菜单:
先看一级菜单的写法:
<!--子菜单1-->
<divid="dropmenu1"class="menu">
<ul>
<li><ahref="http://eip/C10/内部邮件/default.aspx"target="_self"title="内部邮件">内部邮件</a></li>
<li><ahref="http://eip/待办公文/default.aspx"target="_self">待办公文</a></li>
<li><ahref="http://eip/C18/日程任务/default.aspx"target="_self">工作安排</a></li>
<li><ahref="http://eip/C1/公文处理/default.aspx"target="_self">公文处理</a></li>
</ul>
</div>
注意div的id要和对应的主菜单项的rel参数相同,当鼠标移动到此菜单项时即可显示下拉菜单,菜单样式由class控制。
再来看怎么添加分级菜单,先看代码:
<!--子菜单1-->
<divid="dropmenu6"class="menu">
<ul>
<li><ahref="#"target="_self"title="驾驶舱">驾驶舱</a>
<!--[iflteIE6]><ahref="#">驾驶舱<fontface='Webdings'style='font-size:6pt'>4</font><table><tr><td><![endif]-->
<ul>
<li><ahref="http://eip/C19/进入管理驾驶舱/default.aspx"title="管理驾驶舱">管理驾驶舱</a></li>
<li><ahref="http://eip/C19/进入管理驾驶舱/default.aspx"title="单位预警舱">单位预警舱</a></li>
</ul>
<!--[iflteIE6]></td></tr></table></a><![endif]-->
</li>
<li><ahref="http://eip/待办公文/default.aspx"target="_self">待办公文</a></li>
<li><ahref="http://eip/C18/日程任务/default.aspx"target="_self">工作安排</a></li>
<li><ahref="http://eip/C1/公文处理/default.aspx"target="_self">公文处理</a></li>
</ul>
</div>
要为哪个菜单项建立子菜单,就在其<li>内部添加代码段:
<!--[iflteIE6]><ahref="#">驾驶舱<fontface='Webdings'style='font-size:6pt'>4</font><table><tr><td><![endif]-->
<ul>
<li><ahref="http://eip/C19/进入管理驾驶舱/default.aspx"title="管理驾驶舱">管理驾驶舱</a></li>
<li><ahref="http://eip/C19/进入管理驾驶舱/default.aspx"title="单位预警舱">单位预警舱</a></li>
</ul>
<!--[iflteIE6]></td></tr></table></a><![endif]-->
注意开始和结束部分的绿色部分一定要带上 ,可以给由子菜单的菜单项加上一些特殊标记,以示由下一级菜单,比如上述代码中的“<fontface='Webdings'style='font-size:6pt'>4</font>”,即可在菜单项文字后面添加一个右向箭头。
注意子菜单中的“<li><iframestyle="position:absolute;top:0px;left:0px;z-index:2;width:150px;height:176px;border:0;"frameborder=0scrolling=no></iframe></li>”,目的是解决被activex覆盖的问题,如果页面上没有activex,可不用。
此段代码在一个较大项目的企业门户部分使用,测试没有问题,该项目已经验收完毕,代码中没有病毒。乱码应该是编码问题造成的,我的系统是英文版的。
- 一个不被flash、select、activex遮挡的、跨frame的无限分级菜单
- 无限分级的一个思路
- 一个无限分级删除的问题?
- PHP的无限分级
- ajax联动菜单--无限区域分级的实现
- 使DIV不被select等控件遮挡的解决办法
- 关于select或FLASH遮挡DIV层的解决方法
- 解决JS下拉菜单被Flash遮挡的问题(作者:海雅)
- 一个不错的跨Frame的N层JavaScript菜单
- 一个不错的跨Frame的N层JavaScript菜单
- 如何让Flash不遮挡HTML div元素的技巧
- 解决div被flash遮挡的问题
- div被flash遮挡的情况
- DIV层被Flash遮挡的解决办法
- 弹出层被flash遮挡的解决办法
- uitableview 内的 uitextField 获得焦点后,显示键盘和table的frame变化,使uitextField不被遮挡
- 基于AJAX的一个无限树形菜单
- 基于AJAX的一个无限树形菜单
- 让工作变简单的10种方法追求简单
- 探索ASP.NETFutures
- 用新PHP插件实现MySQL为基础的事务
- 学习asp.net之SQL语句查询效率和安全性
- 如何使用PHP DOM创建动态XML文件
- 一个不被flash、select、activex遮挡的、跨frame的无限分级菜单
- 如何利用内置PHP灵活性执行外部程序
- .NET:InTheHand提供的类操作SMS
- 用PHP脚本在Linux系统上读取输入和对文件进行操作
- 捕捉WPF应用程序中XAML代码解析异常
- PHP基础知识总结
- 专家详解:复杂表达式的执行步骤
- 如何成为一个起早者
- 使用MD5变换算法防穷举(冲撞)破译密码