Oct 17, 2021
Magnify Glass Zoom Effect
seen from Maldives
seen from United States
seen from Australia
seen from China
seen from Australia
seen from Sri Lanka
seen from South Korea
seen from United States
seen from Australia
seen from Sri Lanka
seen from South Korea
seen from Azerbaijan
seen from United States
seen from Italy
seen from Türkiye
seen from Norway
seen from United States
seen from Saudi Arabia
seen from United States
seen from Netherlands
Magnify Glass Zoom Effect
jQuery plugin to provide an easy way to preview your uploads before they're actually uploaded to the server.
NoobScroll - A lightweight jQuery Plugin that add some cool function to make scrolling more fun
Top 21 jQuery Plugins for Responsive Menu 2013 | Resource Guru
New Post has been published on http://resource-guru.com/plugins/jquery/jqury-plugins-for-responsive-menu
Top 21 jQuery Plugins for Responsive Menu 2013
Mobile is the new Web so everyone should care for that.
People are now making mobile-first responsive websites and the biggest challenge in mobile-first design is a good navigation. A responsive menu is the most sensitive element of a website, Designing a perfect responsive navigation menu that degrades beautifully in mobile and desktop is a big issue but don’t worry Sharing List of Top 21 jQuery Plugins for Responsive Menu for 2013 covering each and every type of responsive menu, take a look.
mmenu - sliding menus
A jQuery plugin for creating slick, app look-alike sliding menus for you mobile website with only one line of javascript $("#nav").mmenu();
Website & Demo Github Page Download
Mean Menu – Free jQuery Responsive Menu plugin
MeanMenu is a free jQuery Responsive Menu plugin to create Bootstrap like navigational Menu for your mobile visitors without media queries.
Website & Demo Github Page Download
JQuery Mobile Slide Menu- Like Facebook Mobile
A sliding menu similar to Facebook and Path’s approach to menu design on mobile. Demo Github Page Download
Naver -Plugin For Responsive Navigation
Naver is an easy way to turn any navigation system into a responsive-ready, mobile-friendly toggle. Website & Demo Github Page Download
Menutron – Converts Menu into Drop Down List
Menutron transforms your navigation menus from a list to a select menu when resizing your browser. On mobile devices, the select menu pulls up a native control, making it easier to pick an item.
Demo Github Page Download
Resonsive-Nav.js
Resonsive-Nav.js a lightweight jQuery Plugin helps you to create a toggled navigation for small screens like Bootstrap.
Website Demo Github Page Download
Navgoco – Vertical Multi-level Slide Menu
Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation and optionally act as an accordion menu.
Website Demo Github Page Download
SIDR – Easy Responsive Side Menu
The best and easiest jQuery plugin for creating responsive side menus like Facebook Mobile.
Website & Demo Github Page Download
jQuery Navobile – Facebook Like Menu
A jQuery plugin that makes mobile navigation easy.
Website & Demo Github Page Download
Snap.js – Facebook and Path style Responsive Menus
A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)
Demo Github Page Download
jPanelMenu – Facebook and Google style Responsive Menus
jPanelMenu is creates a paneled-style menu (like mobile versions of Facebook, Google and in many native iPhone applications).
Website & Demo Github Page Download
TinyNav.js – Converts Menu to Select DropDown
TinyNav.js is a tiny jQuery plugin (443 bytes minified and gzipped) that converts <ul> and <ol> navigations to a select dropdowns for small screen. It also automatically selects the current page and adds selected=”selected” for that item.
Website & Demo Github Page Download
Box Lid Menu
This jQuery plugin creates the box lid effect for navigation menus, and is inspired by Toybox.
Website & Demo Github Page Download
FlexNav – A jQuery Plugin for Responsive Menus
Bootstrap Like Menu Fully Customizable
Website & Demo Github Page Download
scrollNav – Customizable Scrolling Navigation
scrollNav is a light jQuery plugin that grabs your page’s existing content, divides it up into logical sections and builds a customizable scrolling sidebar navigation.
Website & Demo Github Page Download
SlickNav – Responsive Mobile Menu Plugin
SlickNav is a responsive mobile menu plugin for jQuery. It supports multi-level menus and Degrades gracefully if javascript disabled.
Website & Demo Github Page Download
Responsive Side Toggle Menu By Dynamic drive
Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window.
Website & Demo
SmartMenus – List-based Website Menus
SmartMenus is jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.
Website & Demo Download
DoubleTapToGo – Touch-friendly drop-down navigation
DoubleTapToGo is a jQuery plugin that helps you create usable multi-level dropdowns which are touch-friendly and responsive.
Website Demo Download
×These Two are Premium Plugins
IcoRoll – Scroll Navigation System $5
Responsive scroll menu system providing ideal solution for vertical navigation on pc and mobile devices. It connects html id attribute on page with menu, so menu knows where user is on page.
Website Demo Buy
Menufication – Responsive Fly-Out Menu
The fly-out menu (with inspiration from Facebook) has been proven to be the most efficient navigation that dramatically can improve your visitors experience on your website!
Website Demo Buy
Few more Resources
Mobile Menu Responsive-Menu Google Nexus Website Menu New Google Play’s Multi-Level Navigation Responsive Retina-Ready Menu Responsive Multi-Level Menu
& don’t forgot to Share Plugin you used for Responsive Menu in your Website’s below in comments.
New Post has been published on Resource Guru
New Post has been published on http://resource-guru.com/plugins/jquery-plugins/animate-scroll
Animate Scroll - A jQuery Plugin for Animating Scroll
AnimateScroll is a jQuery plugin by Ram Swaroop which enables you to scroll to any part of the page in style by just calling the animatescroll() function with the #Id or .classname of the element where you want to scroll to.
Usage: $('body').animatescroll();
It gives power to the user with its various options to customize the style of scrolling, scroll speed and many more.
$('[destination-element-id]').animatescroll({option:value, option:"string value"});
usage with HTML element <a onclick="$('[destination-element-id]').animatescroll({option:value, option:"string value"});"> Go to Element</a> i.e <a onclick$('#resource-guru').animatescroll({scrollSpeed:2000,easing:'easeInOutBack'});"> Resource Guru</a>
Don’t forget to include jQuery
Options AnimateScroll has 4 options:
easing
scrollSpeed
padding
element
easing : This option defines the scrolling style.Supports more than 30 unique Scrolling Styles listed on easings.net. $('#resource-guru').animatescroll({easing:'easeInOutBack'});
scrollSpeed : Controls the scrolling speed, higher is the number slower is the scroll speed $('#resource-guru').animatescroll({scrollSpeed:2000});
padding : Adjusts little ups and downs in scrolling. $('#resource-guru').animatescroll({padding:20});
element(new) : The element in which you want this plugin to work. Default is “body”. $('#resource-guru').animatescroll({element:'.element-demo',padding:20});
Website Demo Download View on Github
又一個做動畫的jquery library。 感覺好像有比較順，不過主打的不是提供預設效果而是比較好的效果。
from any image to any thumbnail with full control