Best jQuery Plugins Plugins & Tutorials with Demo

    Highlight content by tag with jQuery

    Highlight content by tag with jQuery

    In this short series we will learn how to highlight the sections of the content on page based on what html tag they are wrapped within.

    jQuery Monte : A carousel plugin for images and/or HTML

    jQuery Monte : A carousel plugin for images and/or HTML

    A small jQuery carousel script for images or HTML.

    Things to know:

    • All slides are set to the same width and height as the first slide.
    • A minimum of 3 elements to use as slides are required.
    • The left slide will be aligned to the left side of the parent, and the right slide will be aligned to the right side of the parent.
    • Monte will turn every child element of the parent into a slide. This can be any mix of HTML and/or IMG elements.

    jQuery Searchable Map Template with Google Fusion Tables

    jQuery Searchable Map Template with Google Fusion Tables

    You want to put your data on a searchable, filterable map. This is a free, open source tool to help you do it.

    Features :

    • clean, full screen layout
    • new mobile and tablet friendly using responsive design
    • address search (with variable radius)
    • geolocation (find me!)
    • new RESTful URLs for sharing searches
    • results count (using Google’s Fusion Tables API)
    • ability to easily add additional search filters (checkboxes, sliders, etc)
    • all done with HTML, CSS and Javascript – no server side code required

    Picanim – jQuery image hover effect pulgin

    Picanim - jQuery image hover effect pulgin

    Picanim is jQuery plugin used to bring stylish image hover.

    Features:

    • 27+ unique hover effects
    • include: such as grayscale blur transparent fadeIn slice fold boxRandom boxRandom boxDiagional…
    • small size,just 3kb after gziped
    • cross browser
    • you can easliy config the effect with a lot of options
    • also support the img tag with a specific width or height
    • easy to use
    • can show tooltip on image
    • with mouseout reverse effect

    Spritespin : jQuery Plugin for Sprite Animation

    Spritespin : jQuery Plugin for Sprite Animation

    Spritespin is a jQuery plugin that enables sprite animation in your website.

    It takes an array of images or a stiched sprite sheet and is able to play these images frame by frame. This results in an animation. The aim of this plugin is to provide a 360 degree view of some kind of product. There is no flash needed. Everything is done with javascript and the jQuery framework.

    Features:

    • Animation using spritesheets or image arrays
    • Plenty of option parameters
    • Api interaction
    • Simple mouse interaction
    • Custom behavior tweaking
    • Support for touch devices
    • Easy to integrate
    • No flash

    jBar : jQuery Plugin call to Action Bar

    jBar : jQuery Plugin call to Action Bar

    jBar is a simple and lightweight jQuery notification banner I’ve created which is an alternative to the Hellobar. It allows you to create a simple call to action and bring it forward for the user to see at the top of your website. The user can then toggle the visibility of the bar by clicking the ribbon.

    trunk8 : Text truncation extension to jQuery

    trunk8 : Text truncation extension to jQuery

    trunk8 is a text truncation extension to jQuery. When applied to a large block of text, trunk8 will cut off just enough text to prevent it from spilling over.

    Unlike conventional truncation that just limits the character length of text, trunk8 measures the content area for spill-over and intelligently chooses the text that best fits in the given space.

    Photon : JS CSS 3D Lighting Engine

    Photon : JS CSS 3D Lighting Engine

    Photon is a experimental javascript CSS 3D Lighting Engine.

    HoverTransitions – jQuery animated hover effects

    HoverTransitions - jQuery animated hover effects

    HoverTransitions allows you to create numerous transition animation effects for webpage elements. The effects are performed by breaking the element into smaller boxes and animating the appearance of each of them according to different patterns and effects. The effects occur when events are performed. All animations are highly customisable.