A draggable inline menu with a scattered thumbnail preview of an image grid.After our little draggable image strip experiment, we wanted to explore using the dragging functionality on a menu. The idea is to show a large inline menu with some scattered thumbnails. The menu can be dragged and while doing so, the thumbnails get moved with an animation. Each menu item also changes the letters to show an outlined version. When clicking on the “explore” link under a menu item, the thumbnails move and enlarge to form a grid.
Best jQuery Menus Plugins & Tutorials with Demo
PrMenu : jQuery Responsive Multi Dropdown Menu
PrMenu is a very lightweight, responsive menu plugin for jQuery. Provides a menu with links evenly distributed across width of menu container.
Features:
- Links are evenly distributed within menu container
- Maximum four menus levels (three nested)
- Auto text wrap of long link text (maximum two lines)
- Auto link background colors for all levels based on initial background color
- All settings can be changed by passing in your own options
PLON : Simple SCSS & JS framework based on jQuery
PLON is a simple SCSS & JS framework based on jQuery and Gulp.
- This framework was created for front-end developers who don’t want any base visual styling, for people who likes to start from a blank page and have full controll over the effect of their work.
- SCSS structure and class naming encourages developers to use objective CSS (OOCSS).
- jQuery plugins are very easy to install and to debug.
- Provides each plugin as a separate file – so you don’t have to use unnecessary code.
