To celebrate the advent of the new qui version, click here to share with you a very practical menu component developed previously. Go to the topic and start introducing:
You may have seen or used many menu components before. Some menu components may be very nice or have good animation effects. However, such menus are generally not generic and can only be used in a specific environment.
My idea is that a general menu component should have the following features:
1. Few codes, including HTML code. In this way, you can use CSS to customize the menu style.
2. The default appearance is concise, but different styles can be displayed through custom adjustment.
3. ability to accurately respond to mouse movement and quickly expand
4. Any element can be used as the trigger source.
5. Support for dynamically generated element trigger menus
Well-developed 5-year UI front-end framework!
Based on the above ideas, I developed this menu. Name qui simple menu
The default menu appearance is as follows:
[Img] alt = & quot; [/img]
The appearance drawn with color and border conforms to the idea of concise default appearance. You can make various styles with a little thought.
The amount of code is also small, as shown below:
Well-developed 5-year UI front-end framework!
Pop-up menu
Status
Album
Share
Logs
That is to say, you can use the above code to create a menu no matter where the page is located. Haha, is it very convenient?
You can also add a small icon to the menu item. After simple adjustment, the effect is as follows:
[Img] alt = & quot; [/img]
Code:
All operations
New
View
Modify
Delete
Save
Well-developed 5-year UI front-end framework!
The menu link can contain icons in addition to text. The effect is as follows:
[Img] alt = & quot; [/img]
The Code is as follows:
Status
Album
Share
Logs
You can set a property: noborder = & quot; true & quot; to move the mouse over a border.
The menu can also be used for dynamically generated elements. After HTML is dynamically generated, call the refreshsimplemenu () function to update the menu display.
For example:
[Img] alt = & quot; [/img]
In addition, this menu is part of the "qui framework". You can download the entire framework to use more components.
Well-developed 5-year UI front-end framework!
Highly recommended: a simple but flexible and practical menu
