Best jQuery Web Plugins & Tutorials with Demo

    jQuery Dropdown menu with google style

    jQuery Dropdown menu

    Today i will show you how to create a jquery dropdown menu with google style, it also can be use as a “fixed” menu.The most important thing on this menus is the css file , we are going to use jquery just to make appear o disappear the secundary options but all the magic is arround the css.

    jScrollPane – custom cross-browser scrollbars

    jquery custom cross-browser scrollbars

    jScrollPane is a jQuery plugin which provides you with custom scrollbars which work consistently across all modern browsers. You can style the scrollbars using simple CSS and they degrade gracefully where JavaScript is disabled.jScrollPane is designed to be flexible but very easy to use.

    jQuery Vertical Mega Menu Plugin

    jQuery Vertical Mega Menu Plugin

    This plugin creates vertical mega menus from standard HTML nested lists, allowing users to view all available menu options for each top-level menu item.

    There are several plugin options available for customising the mega menu:

    • Choose animation effect for the flyout menu – show/hide, fade in or slide
    • Set animation speed
    • Set number of sub-menus per row
    • Display the flyout mega menu on the left or right depending on the menu position

    jQuery Drill Down Menu Plugin

    jQuery Drill Down Menu Plugin

    The jquery drill down menu plugin takes standard nested lists and turns them into iPod style drill down menus.

    Drill down menus offer an excellent way of managing and organising large, complicated menus in a small, vertical, compact and fixed-sized area. In term of useability they offer a great alternative to standard drop down menus, which can be cumbersome with multiple levels.

    Easy JQuery Circular Gallery Using RadMenu Plugin

    JQuery Circular Gallery

    Today post, let’s playing a little code with JQuery and JQuery RadMenu Plugin, cause lately I’ve been thinking about creating circular image gallery my self, and my search stop here for a moment when finding this cool plugins.This plugin is really cool you can creating a circle from many html element that you defined, which means you don’t have to create a formula to set all the element position to create a circle form.

    Boxjs – Different Approach to Script Loading

    jquery js files compressor

    Boxjs gives you the flexibility of a modular loading system whilst providing the speed of a single, compressed JS file

    DropKick.js a jQuery dropdowns

    jQuery dropdown

    Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.

    TagCanvas – jQuery Animated Tag Cloud

    jQuery Animated Tag Cloud

    An HTML5 canvas-based plugin which replaces <a href="..."> links with a 3D rotating cloud of tags.

    Tested in FireFox, Chrome, Opera, Safari. Also tested in IE8, where it obviously doesn’t work except in conjunction with ExplorerCanvas. Now works in the IE9 beta/release candidate without ExplorerCanvas.

    jQuery Multimedia Portfolio

    jQuery Multimedia Portfolio with audio player and flv player

    Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

    Animated Scroll to Top

    jquery Animated Scroll to Top

    I’m writing a detail tutorial on how to create an animated scroll to top as seen on Web Designer Wall. It is very simple to do with jQuery (just a few lines of code). It checks if the scrollbar top position is greater than certain value, then fade in the scroll to top button. Upon the link is clicked, it scrolls the page to the top.