Now the pull-down menu is more and more compatible, without js, but if you can use the least code to achieve the effect, it is also good
First, the js used is very short and clear.
<Br/> <style> * {font: normal 14px/1.5em "";} li {list-style: none;} span {display: block; line-height: 25px;} a {text-decoration: none; display: block; margin: 5px ;}. class1 {width: 100px; height: 25px; overflow-y: hidden; border: 1px solid # ffe663; text-align: center; background: # fff2d9 ;} </p> <p>. class2 {width: 100px; height: 135px; overflow-y: hidden; border: 1px solid # ffe663; text-align: center; background: # fff2d9 ;} </p> <p> a: hover {border: 1px dashed red ;}</style> <li onmouseover = "this. className = 'class2' "onmouseout =" this. className = 'class1' "class =" class1 "> menus <br/> Wan Shui Qishan <br/> kinds of Customs <br/> Wan Shan qishui <br/> Wan Ma Pentium </ li> <p>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
This is also good.<! -- Saved from url = (0054) http://www.jluvip.com/works/css/dropmenu/dropmenu.html -->Xmlns = "http://www.w3.org/1999/xhtml">
- DEMOS
- Zero
Dollars advertising page
- Wrapping text
Around images
- Styled form
- Active
Focus
- Hover/click
With no borders
- Styled
Form
- Removing
Active/focus borders
- Hover/click
|
- Shadow
Boxing
- Image map
For detailed information
- Fun
Background images
- Fade
Scrolling
- Em image
Sizes compared
|
- BOXES
- A coded
List of spies
- Vertical
Menu
- Enlarging
Unordered list
- Link
Images
- Non-rectangular
- Jigsaw
Links
- Circular
Links
|
- MOZILLA
- Drop down
Menu
- Cascading
Menu
- Content:
- Mozzie
Box
- I can
Build a rainbow with transparent borders
- A snooker
Cue using border art
- Target
Practice
- Two tone
Headings
- Shadow
Text
|
- EXPLORER
- The first
Example for Internet Explorer
- Weft fonts
- Vertically
Aligning text
|
- OPACITY
- A color
Wheel using opaque colours
- A menu
Using opacity
- Partial
Opacity
- Partial
Opacity II
- HOVER/CLICK
- Styled
Form
- Removing
Active/focus borders
- Hover/click
|
|