您的位置: 其他信息港 > 金融

站长一个不被

发布时间:2019-07-12 23:30:08

15:13 来源:blogs :阿婷【纠错】人评论

A-A+ 怎么开淘宝店 站优化方法 创业如何获得投资 小米note顶配版评测 LOL活动

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

该菜单改良自着名的chromemenu,可以无限分级,使用方法:

1、添加主菜单项

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

以下为引用的内容: div class=chromestyle id=chromemenuullia href=://.dynamicdriveHome/a/lilia href=# rel=dropmenu1Resources/a/lilia href=# rel=dropmenu2News/a/lilia href=# rel=dropmenu3Search/a/li/ul/div

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

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

先看一级菜单的写法:

以下为引用的内容: !--子菜单1-- div id=dropmenu1 class=menuul lia href=://eip/C10/内部邮件/px target=_self title=内部邮件内部邮件/a/li lia href=://eip/待办公文/px target=_self待办公文/a/li lia href=://eip/C18/日程任务/px target=_self工作安排/a/li lia href=://eip/C1/公文处理/px target=_self公文处理/a /li /ul/div

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

再来看怎么添加分级菜单,先看代码:

以下为引用的内容: !--子菜单1-- div id=dropmenu6 clasndif]-- /li

lia href=://eip/待办公文/px target=_self待办公文/a/li lia href=://eip/C18/日程任务/px target=_self工作安排/a/li lia href=://eip/C1/公文处理/px target=_self公文处理/a /li /ul/div

要为那个菜单项建立子菜单,就在其li内部添加代码段:

以下为引用的内容: !--[if lte IE 6]a href=#驾驶舱font face='Webdings' style='font-size: 6pt'4/fonttabletrtd ![endif]--ullia href=://eip/C19/进入管理驾驶舱/px title=管理驾驶舱管理驾驶舱/a/lilia href=://eip/C19/进入管理驾驶舱/px title=单位预警舱单位预警舱/a/li/ul!--[if lte IE 6] /td/tr/table/a ![endif]--

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

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

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

查看更多相似文章

软件开发微信小程序
微店网页版官网
分销小程序源码
猜你会喜欢的
猜你会喜欢的