一个不被flash、select、activex遮挡的、跨frame的无限分级菜单

时间:2016-02-24 14:57 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【一个不被flash、select、activex遮挡的、跨frame的无限分级菜单】，下面是详细的分享！

一个不被flash、select、activex遮挡的、跨frame的无限分级菜单

该菜单改良自著名的chromemenu，可以无限分级，使用方法：

1、添加主菜单项

找到类似下面代码的部分：

以下为引用的内容：

<div class="chromestyle" id="chromemenu">
<ul>
<li><a href=http://www.chinaz.com/program/2007/0530/"http://www.dynamicdrive.com">Home</a></li>
<li><a href=http://www.chinaz.com/program/2007/0530/"#" rel="dropmenu1">Resources</a></li>
<li><a href=http://www.chinaz.com/program/2007/0530/"#" rel="dropmenu2">News</a></li>
<li><a href=http://www.chinaz.com/program/2007/0530/"#" rel="dropmenu3">Search</a></li>
</ul>
</div>

在<ul>内部添加一个<li>,即可新添加一个主菜单项，注意给出“rel”的值，如上述代码所示。

2、为一个主菜单添加下拉菜单：

先看一级菜单的写法：

以下为引用的内容：

<div id="dropmenu1" class="menu">
<ul>
<li><a href=http://www.chinaz.com/program/2007/0530/"http://eip/C10/内部邮件/default.aspx" target="_self" title="内部邮件">内部邮件</a></li>
<li><a href=http://www.chinaz.com/program/2007/0530/"http://eip/待办公文/default.aspx" target="_self">待办公文</a></li>
<li><a href=http://www.chinaz.com/program/2007/0530/"http://eip/C18/日程任务/default.aspx" target="_self">工作安排</a></li>
<li><a href=http://www.chinaz.com/program/2007/0530/"http://eip/C1/公文处理/default.aspx" target="_self">公文处理</a> </li>
</ul>
</div>

注意div的id要和对应的主菜单项的rel参数相同，当鼠标移动到此菜单项时即可显示下拉菜单，菜单样式由class控制。

再来看怎么添加分级菜单，先看代码：

以下为引用的内容：

<div id="dropmenu6" class="menu">
<ul>
    <li><a href=http://www.chinaz.com/program/2007/0530/"#" target="_self" title="驾驶舱">驾驶舱</a>
    
      <ul>
        <li><a href=http://www.chinaz.com/program/2007/0530/"http://eip/C19/进入管理驾驶舱/default.aspx" title="管理驾驶舱">管理驾驶舱</a></li>
        <li><a href=http://www.chinaz.com/program/2007/0530/"http://eip/C19/进入管理驾驶舱/default.aspx" title="单位预警舱">单位预警舱</a></li>
      </ul>
      
    </li>

要为哪个菜单项建立子菜单，就在其<li>内部添加代码段：

以下为引用的内容：

<ul>
<li><a href=http://www.chinaz.com/program/2007/0530/"http://eip/C19/进入管理驾驶舱/default.aspx" title="管理驾驶舱">管理驾驶舱</a></li>
<li><a href=http://www.chinaz.com/program/2007/0530/"http://eip/C19/进入管理驾驶舱/default.aspx" title="单位预警舱">单位预警舱</a></li>
</ul>

注意开始和结束部分的绿色部分一定要带上，可以给由子菜单的菜单项加上一些特殊标记，以示由下一级菜单，比如上述代码中的“<font face='Webdings' style='font-size: 6pt'>4</font>”，即可在菜单项文字后面添加一个右向箭头。

注意子菜单中的“<li><iframe style="position:absolute;top:0px; left:0px;z-index:2;width:150px;height:176px;border:0;" frameborder=0 scrolling=no></iframe></li>”，目的是解决被activex覆盖的问题，如果页面上没有activex，可不用。

此段代码在一个较大项目的企业门户部分使用，测试没有问题，该项目已经验收完毕，代码中没有病毒。乱码应该是编码问题造成的，我的系统是英文版的。

以上所分享的是关于一个不被flash、select、activex遮挡的、跨frame的无限分级菜单，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：无法注册无法注册flash player的activex，不要用百...

　　答：你这话说的谁知道你都用了什么方法由于ActiveX 控件与开发平台无关，因此，在一种编程语言上开发的ActiveX控件无需作任何修改，即可在另一种编程语言中使用，其效果如同使用Windows 通用控件一样。例如，在Visual C++ 中开发的ActiveX 控件，... >>详细

　　相关问题：我的电脑上有adobe flash player9 activex和adobe ...

　　答：adobe flash player9 activex这个可以删除 >>详细

　　相关问题：为什么我的电脑看不到任何FLASH 我装了一个AdobeFl...

　　答：一是flash阻拦了你看不到。二是安装个adoberflashplayer就可以了，一般都是第二个的原因！ >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

一个不被flash、select、activex遮挡的、跨frame的无限分级菜单

一个不被flash、select、activex遮挡的、跨frame的无限分级菜单

以上所分享的是关于一个不被flash、select、activex遮挡的、跨frame的无限分级菜单，下面是编辑为你推荐的有价值的用户互动：

最新教程

相关教程