Unlimited Web page rating menu in line with Web standards

Standard | menu | Web page

An infinite rating menu that is not blocked by Flash, select, ActiveX, and cross frame

The menu is improved from the famous chromemenu, can be unlimited grading, using the method:

1. Add main Menu items

Find the section similar to the following code:

<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>

Add a <li> to the <ul>, and you can add a new main menu item, noting that the value of "rel" is given, as shown in the preceding code.

2. Add a drop-down menu for a main menu:

Look at the first level of the menu to the wording:

<!--submenu 1-->
<div id= "dropmenu1" class= "Menu" >
<ul>
<li><a href= "http://eip/C10/internal mail/default.aspx" target= "_self" title= "internal mail" > internal mail </a></li>
<li><a href= "http://eip/Official document/default.aspx" target= "_self" > Office Documents </a></li>
<li><a href= "http://eip/C18/Schedule Task/default.aspx" target= "_self" > Work schedule </a></li>
<li><a href= "http://eip/C1/Official document processing/default.aspx" target= "_self" > Official document Processing </a> </li>
</ul>
</div>

Note that the ID of the DIV is the same as the rel parameter of the corresponding main menu item, and the Drop-down menu is displayed when the mouse is moved to the menu, and the menu style is controlled by class.

To see how to add a rating menu, first look at the code:

<!--submenu 1-->
<div id= "Dropmenu6" class= "Menu" >
<ul>
<li><a href= "#" target= "_self" title= "cockpit" > Cockpit </a>
<!--[If LTE IE 6]><a href= "#" > Cockpit <font face= ' webdings ' style= ' font-size:6pt ' >4</font>< Table><tr><td> <! [endif]-->
<ul>
<li><a href= "http://eip/C19/into the management cockpit/default.aspx" title= "Management cockpit" > Management cockpit </a></li>
<li><a href= "http://eip/C19/into the management cockpit/default.aspx" title= "unit Early warning module" > Unit warning Module </a></li>
</ul>
<!--[If LTE IE 6]> </td></tr></table></a> <! [endif]-->
</li>

<li><a href= "http://eip/Official document/default.aspx" target= "_self" > Office Documents </a></li>
<li><a href= "http://eip/C18/Schedule Task/default.aspx" target= "_self" > Work schedule </a></li>
<li><a href= "http://eip/C1/Official document processing/default.aspx" target= "_self" > Official document Processing </a> </li>
</ul>
</div>

To create a submenu for which menu item, add the code snippet within its <li>:

<!--[If LTE IE 6]><a href= "#" > Cockpit <font face= ' webdings ' style= ' font-size:6pt ' >4</font>< Table><tr><td> <! [endif]-->
<ul>
<li><a href= "http://eip/C19/into the management cockpit/default.aspx" title= "Management cockpit" > Management cockpit </a></li>
<li><a href= "http://eip/C19/into the management cockpit/default.aspx" title= "unit Early warning module" > Unit warning Module </a></li>
</ul>
<!--[If LTE IE 6]> </td></tr></table></a> <! [endif]-->

Note that the green part of the start and end section must be brought with you, and you can add special tags to the menu items in the submenu to show the next level menu, such as "<font face= ' webdings ' style= ' font-size:6pt ' in the above code" >4 </font>, you can add a right arrow after the menu item text.

Note the submenu "<li><iframe style=" position:absolute;top:0px; left:0px;z-index:2;width:150px;height:176px;border:0; "Frameborder=0 scrolling=no></iframe></li>" To address the problem of being ActiveX-overwritten, but not if there is no ActiveX on the page.

This code is used in the Enterprise Portal section of a larger project, the test is not a problem, the project has been accepted, the code does not have a virus. Garbled code should be caused by the problem, my system is the English version.