An unlimited hierarchical menu that is not blocked by flash, select, and activex.
This menu is improved from the famous chromemenu and can be infinitely graded. Usage:
1. Add a main menu item
Find the following code:
The code is as follows: |
Copy code |
<Div class = "chromestyle" id = "chromemenu"> <Ul> <Li> <a href = "http: //"> 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 <li> to <ul> to add a new main menu item. Pay attention to the "rel" value, as shown in the above code.
2. Add a drop-down menu for a main menu:
First, let's look at the writing of the first-level menu:
<! -- Sub-menu 1 -->
The code is as follows: |
Copy code |
<Div id = "dropmenu1" class = "menu"> <Ul> <Li> <a href = "http: // eip/C10/internal email/default. aspx "target =" _ self "title =" internal email "> internal email </a> </li> <Li> <a href = "http: // eip/To-do document/default. aspx" target = "_ self"> To-do document </a> </li> <Li> <a href = "http: // eip/C18/calendar task/default. aspx" target = "_ self"> work schedule </a> </li> <Li> <a href = "http: // eip/C1/document processing/default. aspx" target = "_ self"> document processing </a> </li> </Ul> </Div>
|
Note that the div id must be the same as the rel parameter of the corresponding main menu item. When you move the cursor to this menu item, the drop-down menu is displayed. The menu style is controlled by class.