searchbox filter with dropdown jQuery and CSS3

Today we will show you some more UI elements: a search box with a filter and a large drop down menu. We will use jQuery in both elements for the effect. We will also use plenty of CSS3 properties to create some slick looking details.

On Click Search Box Drop Down

This search box reveals a drop down menu after the user clicks into the input field. The menu is meant to act as a filter with several checkbox options that allow the user to select specific categories for his search. When the user hovers out of the input or the filter box, the drop down will disappear.

Enjoyed this post? Subscribe to our RSS feeds!

Share on Twitter

Author: Mary LOU
Download: From Here

Make a donation

Related Posts:
- No related posts found
GD Star Rating
loading…
August 12th, 2010 | Blue | 2 Comments | Tags: dropdown, search box

About The Author

Steve

Hi I am a webdeveloper based in Brisbane, Australia. Fanatical about the internet and website code and development. Hence this site, a showcase resource site for you to get the latest greatest code , scripts , apps and demos all from the one venue.

2 Responses and Counting...

Site Help 08.12.2010

Read searchbox filter with dropdown jQuery and CSS3 now at http://bit.ly/awiQQB
Reply

GD Star Rating
loading...
Site Help

Post updated August 12, 2010 – searchbox filter with dropdown jQuery and CSS3. Read it now at http://bit.ly/awiQQB
Reply

GD Star Rating
loading...