can any one tell me ? how to create drop down menu in html.?

Question

how to create drop down menu in html like flash.

Answer 1

Drop down menus are not possible with just HTML. They can be achieved with javascript (as others have suggested), or with CSS.



There are several ways of doing it with CSS. One is to create your menu as set of links in unordered lists, such as:

• Home



• Page One
  
  
  
  • Sub Page 1A
  
  
  
  • Sub Page 1B
  
  
  



• Page Two
  
  
  
  • Sub Page 2A
  
  
  
  • Sub Page 2B
  
  
  

Be careful to get the nesting of the

s inside of
• s correct.
  
  
  
  Place the menu in a named div such as:
  
  
  
  
  
  
  
  
  
  
  
  
  
  Then all you need to do is add some CSS styling - either in an external stylesheet or in the page header (as in the full example below).
  
  
  
  The CSS in this example came from http://www.styleshout.com/
  
  
  
  For some tutorials on creating CSS drop down menus see the other sources.
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  Drop Down Menu

  
  
  
  
  
  
  
  

  
  
  
  • Home
  
  
  
  • Page One
    
    
    
    • Sub Page 1A
    
    
    
    • Sub Page 1B
    
    
    
  
  
  
  • Page Two
    
    
    
    • Sub Page 2A
    
    
    
    • Sub Page 2B
    
    
    
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  

Answer 2

for example it's like that:

Birth Month:




Jan

Feb

mar

apr

may

jun



in select tag you write you list with option. it's like a piece of cake, no?

Answer 3

Its done using Javascript. Basically you put all the list items in a

, the
perhaps enclosed within a div tag. Whenever the mouse hovers over the div, the visibility property of the div is set to 'visible'; when mouseout event occurs visibility is set to 'hidden'. Instead of using pure Javascript I'd recommend using jQuery for this - its easy and has cool effects such as slideDown() and slideUp().

http://jquery.com/

Answer 4

• Support



• Web Design
  
  
  
  
  
  • HTML
  
  
  
  • CSS
  
  
  
  • JavaScript
  
  
  
  
  
  



• Content Management
  
  
  
  
  
  • Joomla
  
  
  
  • Drupal
  
  
  
  • WordPress
  
  
  
  • Concrete 5
  
  
  
  
  
  



• Contact
  
  
  
  
  
  • General Inquiries
  
  
  
  • Ask me a Question