Learning jQuery

1. Disable Right Click The code snippet below disables right click on an entire page, but you can make it work on only particular page elements by changing the selector from document to something more specific. [javascript] $(document).ready(function(){ $(document).bind("contextmenu", function(e){ return false; }) }) [/javascript] 2. Set a Timer The following code snippet sets off an […]

Developers can check out the list below of jQuery plugins that provide full screen support. These plugins provide full screen website, image galleries, editor, slider, menu, loading bar, Youtube videos and modal windows. 1. fullPage.js fullPage.js is a simple and easy to use plugin to create full screen scrolling websites (also known as single page websites […]

Google’s material design is becoming popular due to better user experience, eye catching animations and its simplicity. In this post, find a complied list of jQuery plugins which have created material design effects. These plugins provides material design effects to progress bar, buttons, charts, timer, stopwatch, notifications and input controls. 1.     Material PreLoader https://github.com/aarondo/Material-Preloader Material […]

Creating a drop-down navigation menu using jQuery and CSS is simple. Start off with some html for a basic navigation menu. This menu only has two links, the second of which is going to have a drop-down menu. [html] <div id="menu"> <ul> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a> <ul class="dropdown-menu"> <li><a href="#">Dropdown Link</a></li> <li><a href="#">Another […]

All it takes are a few lines of code to make your own simple, lightweight content slider using jQuery -- no plugins necessary. First, use divs to separate your content and create each slide. Make sure each of these divs has its own unique ID. Each div should also contain text or an image/icon with […]

In this post, find a complied list of jQuery plugin to integrate flip animations. These plugins provides flip effects to images, text, image gallery, clock and any DOM element. flipLightBox http://flipgallery.net/fliplightbox.html flipLightBox is a free Responsive Lightbox jQuery Plugin that is extremely easy to implement and doesn't require any additional stylesheets, scripts or libraries. Its […]