The principle and implementation of writing pure CSS pop-up menu By shawl.qiu_Experience exchange

The principle and implementation of writing pure CSS pop-up menu By shawl.qiu

Abstract:
This article introduces the use of CSS to write multi-style pop-up menus suitable for Opera, Firefox, and IE
## #Description:
The key point of writing a CSS pop-up menu is to display the hidden label when the mouse moves over the target.
The label to be hidden is hidden using the display:none; attribute.
Trigger display Hidden tags mainly use the :hover attribute, and use display:block; to display hidden tags.

But because browsers do not support CSS consistently.
For Opera or Firefox, we can write a pure CSS menu , they support the :hover attribute of any tag.
For IE browser, :hover only works on the a tag, but we can use the script's onmouseover, onmouseout to simulate the :hover attribute of other tags.
Therefore Writing a CSS pop-up menu suitable for IE requires the use of a few scripts.

Directory:
1. Writing a CSS pop-up menu on the right side of the vertical row.
1.1 Really based on Opera, Firefox pure CSS Pop-up menu
1.2 Compatible with IE, Opera, Firefox CSS pop-up menu (script implementation)

2. Write a horizontal bottom pop-up CSS menu.
2.1 Real pure CSS pop-up based on Opera, Firefox Menu
2.2 Compatible with IE, Opera, Firefox CSS pop-up menu (script implementation)

3. Conclusion

4. Preview

shawl.qiu
2006 -10-01

http://blog.csdn.net/btbtd
1. Write a CSS menu that pops up on the right side of the vertical row.

1.1 True Based on Opera, Firefox pure CSS popup menu

linenum LI>"
1. http://www.w3.org/TR/html4/loose.dtd">
10.     
11.         
    level
12.         
13.             
    level_ title
14.             level_ title 1
15.             level_ title 2
16.             level_ title 3
17.             level_ title 4
18.             level_ title 5
19.