A simple lightweight jQuery plugin that transforms a normal select box into a nice, clean, custom drop down list with CSS3 animations. A simple, plain jQuery dropdown plugin that helps you create a toggleable drop down list appending to any Html element. Ideal Select is a small jQuery plugin used to transform a native select box into a stylish dropdown list that is fully customizable via CSS.
A simple jQuery dropdown widget that turns a regular Html unordered list into a stylish animated dropdown list with CSS3 powered slide transition effects. A jQuery and CSS powered responsive multi-level dropdown menu that collapses into an off-canvas push menu on mobile viewport sizes less than px. Dropotron is a compact yet customizable jQuery plugin which enables you to append an animated, ul list based, multilevel drop down menu to any element. Dropit is a jQuery plugin to create a simple clean dropdown toggle menu appending to any Html elements.
Tendina is a tiny jQuery plugin for creating a multi-level sidebar navigation menu with a smooth sliding animation. A responsive navigation menu that automatically clips overflowing menu items and adds them into a dropdown list when not enough space is available. A small, easy-to-use jQuery plugin to create a fully responsive multi-level dropdown navigation menu for both desktop and mobile website. This tutorial starts with the code that I presented in the Simple Horizontal Navigation tutorial.
In this article you will see how you can build an awesome CSS3 animated dropdown menu with some of these cool features. In this short tutorial, we will be creating a colorful dropdown menu using only CSS3 and the Font Awesome icon font. Setup for all a-tags display:block style. Hide all inner unordered lists layers. September 18, at am Reply.
Aad Vlag Thanks man…!! September 18, at pm Reply. Leave a Reply Cancel reply Your email address will not be published. Theme by WordPress Download Manager. This minimal jQuery drop down menu uses only one small image to give it that textured appearance. It can work by either moving the page over and making room for itself, or by overlaying the page. Animation is handled by CSS transitions for browsers that support it and are hardware-accelerated on supporting devices, so the animations are silky smooth.
A follow-on from the simple single level circular menu, this one adds a sub menu level of smaller icons in a circular pattern within the top level circle. There is also the facility to add a simple description of each icon. This Mega Drop Down Menu is perfect for creating unique menus easily.
The content can be organized in 1, 2, 3, 4 or 5 columns based on the grid system. This item comes with 9 color variants and a detailed documentation to help you start with your brand new menu. Very detailed and a well written tutorial, with drop-down search options narrowing and targeting search by checking options. Menu is done completely using just CSS, structure is visually describet in the image below:. It works out of the box with the WordPress 3 Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations.