Beautiful Drop Down List Effects With jQuery
Dropdown list is the simple HTML element that is used to allow users to select an option from the list. But we can customize it in different ways to make it more beautiful. We all know the power of CSS3 that can make the look of an HTML element much attractive. But jQuery is a powerful tool that can bring Drop Down List Effects.
Today, I bring something which you have never seen. If you are thinking to make your design better, i will suggest you to see these nice Drop Down List effects that are developed with JQuery. Coderops has developed a nice jQuery plugin that brings so many effects to Drop Down list with so attractive design with CSS.
This script uses CSS transforms and transitions that only works on the browser that support it. So It will not work in older browsers.
This script is developed only for the drop down list with single select item. After watching the demo, I am sure you will also understand why it is not for multi selection drop down list.
Requirement: jQuery
Demo: http://tympanus.net/Development/SimpleDropDownEffects/index.html
Download: http://tympanus.net/Development/SimpleDropDownEffects/SimpleDropDownEffects.zip?84cd58
This script is available for free to download and use in any kind of web application. Now build a better drop down list with the help of this nice script and give a thanks to Coderops for developing it.
About Author
Deepanker
Deepanker Verma is a web developer, Security researcher and a full time blogger. Here on Webtips, he shares about web design, SEO and money making tips.
hi this is beautiful,
but how can i use this in my blogger for sidebar widget.???
This is just simple HTML and jQuery. If you know how to use these, you can add it in blogger.