Mini Dropdown Menu

Published on
Tags
Dropdown, Menu
No. of comments
5 comments
Browser compatibility
Firefox 4, Safari 4, Chrome 13, Opera 10, IE 7
License
MIT License
Mini Dropdown Menu CSS Code Snippet

A stylish mini dropdown menu that show/hide on hover.

Original PSD by Premium Pixels.

5 comments

dhamaso said
8d301e081b83794ae8727ef915790637

How I can save the selected item and how I can mark the current item?

Thibaut said
B6374f07090c513a73b875e0c5fe5924

Right now this is implemented as a CSS menu. If you want this to be a combo box you'll need to use JavaScript.

Simply listen for click events on the list's items and replace the current item with the clicked one. To use in a form you can set the items' value in a "data-value" attribute and store the selected one in a hidden input.

dhamaso said
8d301e081b83794ae8727ef915790637

mmmm... jquery => .data( key, value ) right? i will try it thanks.

ram swaroop said
09d090b0e2441394922655e069548a32

have used your concept in my site,thanks mate!

Alex Tom said
566937417c5ad7d31582b9b7914b5d24

Can you put a version of the combo box also? Much appreciated.

Leave a comment