List of jQuery menus for Web Developers #1

Monday, 04 May 2015
(12 votes)

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today. jQuery is free, open-source software licensed under the MIT License.

jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery library allows the creation of powerful dynamic web pages and web applications. [...]

 

JQuery Menus

In this list, you will find a selection of multiple jQuery menus through tutorials, libraries and plugins, offering stunning effects.


wheelnav.js: Spinning Menu Wheel JavasCript Library

wheelnav.js: Spinning Menu Wheel JavasCript Library

A JavaScript library that can be used as a navigation, pie menu and more. You just need to add the wheelnav.js on a div, and change the attributes for spinning time, direction, and even the general styling of the wheel. It is a free plugin, made by Gábor Berkesi.
Source →

Slideout.js: JavaScript Touch Slideout Navigation Menu

Slideout.js: JavaScript Touch Slideout Navigation Menu

A sliding touch navigation menu for mobile apps or even web projects. It is a dependency-free, simple markup, native scrolling, easy customization, CSS transforms & transitions, and it weighs just 4 Kb. This menu was created by Mango.
Source →

CSS & JS Radial Pop-Out Navigation

CSS & JS Radial Pop-Out Navigation

A compelling menu for apps and websites made in CSS and JavaScript. It consists of simple circles with icons inside for the action you need. You can adapt it on your designs easily and use it freely. It was created by Dudley Storey.
Source →


CSS & jQuery 3D Rotating Navigation

CSS & jQuery 3D Rotating Navigation

A CSS and jQuery navigation that looks like a 3D effect when it appears. It is complemented with beautiful typography and outlined icons for major impact. It uses CSS transforms and transitions to make it smooth and neat. It can be used freely.
Source →

textAssist: Smart Text jQuery Assistant

textAssist: Smart Text jQuery Assistant

textAssist is a smart text assistant jQuery script that allows you view additional information on dynamic web pages. textAssist helps web developers in making websites user-friendly. This plugin helps easily assisting users who selected some texts on your website, with fully customizable options.
Source →

Stretchable CSS Interaction Menu

Stretchable CSS Interaction Menu

A simple interaction menu for apps that can be stretched to reveal the menu elements created with CSS and JavaScript. It reveals the menu items organized in a list, created especially for mobile devices, although it can be adapted to desktop versions of websites. It is free and it was created by Codepen user Fabrizio Bianchi.
Source →



Portamento: Sliding Panels jQuery Plugin

Portamento: Sliding Panels jQuery Plugin

Portamento is a jQuery plugin that makes it simple to add sliding or “floating” panel functionality to your web page. All that is needed is some simple CSS and one line of JavaScript. It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.
Source →

Vertical jQuery & CSS Scroll Menu

Vertical jQuery & CSS Scroll Menu

A scrolling menu created with jQuery and CSS. The menu has a very long list of elements on a medium sized box, which scrolls up and down as we hover on the respective section, all done with supremely smooth movements.
Source →

Perspective Page View Navigation

Perspective Page View Navigation

View demo Download sourcePushing the site content aside to reveal a navigation has certainly become a trend for mobile navigations. The approach reflects some practices in app design where “views” are shown with animations. We’ve experimented a bit and we’ve come up with a small set of effects that take the page and move it in 3D to reveal a navigation (or some other content if you like). What’s nice about this is that we literally put the site into perspective, allowing for an interes…
Source →


jQuery Fly Side Menu with an Animation

jQuery Fly Side Menu with an Animation

jQuery Fly Side Menu is a plugin that helps you create a menu with an animation, resembling an Airbnb App Menu Animation, it was created by Pete R.
Source →

jQuery Dropdowns with a Bootstrap Style

jQuery Dropdowns with a Bootstrap Style

This nice plugin creates dropdown menus with the style of Bootstrap. Dropdowns can be attached to any element that you want, they can be scrollable and include form control, icons, code and more!
Source →

Shifter Formstone, Simple Slide-out Mobile Navigation

Shifter Formstone, Simple Slide-out Mobile Navigation

A jQuery plugin for simple slide-out mobile navigation. Shifter works by checking for target elements in the DOM and binding events to them. This allows you to markup and style pages anyway you’d like, but at a minimum you need three specifically classed elements (including the body tag).
Source →


Pushy, Off Canvas Navigation Menu

Pushy, Off Canvas Navigation Menu

Pushy is a responsive off-canvas navigation menu. It uses CSS transforms & transitions, has a smooth performance on mobile devices, supports jQuery animation fallback for IE 7 to 9, the menu closes when a link or the site overlay are selected.
Source →

Fly Rounded Menu

Fly Rounded Menu

This code snippet allows you to create a rounded menu for a web app or a game. When you hover over it, it will display the hidden options. You can also edit the code to make it even more functional.
Source →

Sidr: Side Menus jQuery Plugin

Sidr: Side Menus jQuery Plugin

A jQuery plugin for creating side menus and the easiest way for doing your menu a responsive element. You will be able to create multiple sidrs on both sides of your web to make responsive menus (or not, it works perfectly on desktop computers too). Fill the sidrs normally, with existent content, remote content, or whatever you want.
Source →


Enjoy it!

http://services.altingroups.net/register-pw-domain


Is it not a great idea to follow me to be recieve my last posts? Follow me now!


11727 times

Tuesday, 05 May 2015

Ibrahim Jabbari

I am Ibrahim Jabbari Web Designer / Developer since 2006, This is my blog, I'll share my experiences, Useful resources and all update news from IT world with you all, I hope you enjoy surfing my blog. Connect with me on Facebook, Twitter and and Instagram.

www.ibrahimjabbari.com