javascript - Mouse-over Navigation Dropdown Menu Using HTML and CSS - Stack Overflow

admin管理员组

文章数量:1291013

I would like to ask, if there is any way to develop a mouse-over dropdown menue using CSS and HTML, because I have seen before some websites like google for example developed such menus and it seems that once you pass through it a hidden tag gonna be visible to you.

Please if any one have an idea, provide a source code of that idea

Thanks and regards

I would like to ask, if there is any way to develop a mouse-over dropdown menue using CSS and HTML, because I have seen before some websites like google for example developed such menus and it seems that once you pass through it a hidden tag gonna be visible to you.

Please if any one have an idea, provide a source code of that idea

Thanks and regards

• javascript
• html
• css
• ajax

Share Improve this question Follow asked Oct 10, 2011 at 19:25 user950356user950356

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

This is referred to a CSS hover menu. They're a great alternative to using JavaScript.

Sample implementation:

.trigger ul.menu
{
    display: none;
}
.trigger:hover ul.menu
{
    display: block;
}

Sample Tutorial: http://www.shingokko./blog-entry/pure-css-hover-menu.html

Contrary to other answers, this method is cross-browser patible. If implemented correctly, it will work just fine in IE6+ (Source).

I don't think I can explain it better than this: http://www.htmldog./articles/suckerfish/dropdowns/

That's what's known as "Son of Suckerfish Dropdowns". It should get you going on the right direction. Do be aware that CSS-only dropdowns won't work in IE 6 and older.

本文标签： javascriptMouseover Navigation Dropdown Menu Using HTML and CSSStack Overflow