Share/Save/Bookmark

W3C Gallery

  • Our Partners


    • Text links

  • w3c Community

    • Advertisement

    Archives

    Most Rated

    Best jquery plugins examples


    1 Votes, Rating: 41 Star2 Stars3 Stars4 Stars5 Stars

    Tags:

    Top Examples for Jquery plugins

    As ajax demand increasing, jquery going more and more popluar. By Jquery is really easy to make ajax pages, fetch, store, dropdowns, forms, etc, here are some example i have found on internet. i guess this can help you guys to developer your ajax project with jquery.

     

    jQuery Sliders


    Slider Gallery    - A similar effect used to showcase
    the products on the Apple web site. This ‘product
    slider’ is similar to a straight forward gallery, except
    that there is a slider to navigate the items, i.e. the
    bit the user controls to view the items. Simple stuff.


     

     

     


    Accessible slider showing how to make a slider UI control accessible to
    those who aren’t running JavaScript or CSS.

     


     

     

     

     

     

    jQuery Manipulating Images

     


    crop, labelOver and pluck the power to crop any image on the fly using JavaScript
    only. Also there are 2 other plugins: LabelOver and
    Pluck.

     


     

     

     

    • Live Demo Of Crop:

      Here
    • Live Demo of LabelOver:

      Here

     

     


    Semitransparent rollovers     -A simple method for
    enabling semi-transparent rollovers which actually work
    on IE 6.


    • Live Demo Of Crop:

      Here

     

     


    Creating A Sliding Image Puzzle Plug-In    - Creates
    sliding-image puzzles based on containers that have
    images. Running the demo page we get this output in the
    image below:


     

     

    jQuery Navigation Menus

     Digg Header- This is a replica of the Digg header.
    Fluid width (but only to a point!), drop down menus,
    attractive search, easy to change colors… There is a lot
    of smarts in a small place in this example!


     

     


    IconDock    - a

    jQuery JavaScript library     plugin that allows you to
    create a menu on your web like the Mac OS X operating
    system dock effect one.


     

     

    jQuery Accordions


    Horizontal Accordion    - This plugin provides some
    simple options to alter the accordion look and behavior.


     

     


    HoverAccordion    - A jQuery Plugin for no-click
    two-level menus.


     

     

    jQuery Image Viewer


    Step Carousel Viewer    - Displays images or even rich
    HTML by side scrolling them left or right. Users can
    step to any specific content on demand.


     

     


    Featured Content Glider    - You can showcase new or
    featured contents on your page, by turning ordinary
    pieces of HTML content into an interactive, “glide in”
    slideshow. Supports two different display modes-
    “manual” and “slideshow.”


     

     

    jQuery Charts


    jQuery + jFlot     - Plots, Canvas and Charts.


     

     

     


    Accessible charts using canvas and jQuery – A proof of
    concept for visualizing HTML table data with the canvas
    element by using jQuery to provides several types of
    editable graphs, such as Pie, Line, Area, and Bar.

     


     

     

     

     

     

    markItUp!
    Universal markup editor    - This plugin allows you to
    turn any textarea into a markup editor. Html, Textile,
    Wiki Syntax, Markdown, BBcode or even your own Markup
    system can be easily implemented. Worth Checking!


     

     

    jQuery Flash Plugins


    jQuery Flash Plugin    - A jQuery plugin for embedding
    Flash movies.


     

     


    jMP3    - jMP3 is an easy way make any MP3 playable
    directly on most any web site (to those using Flash &
    JS),

    using the sleek

    Flash Single MP3 Player     &
    jQuery

     

     

     

     

     


    jQuery Media Plugin virtually any media type, including Flash, Quicktime,
    Windows Media Player, Real Player, MP3, Silverlight, PDF
    and more, into a web page.

     

     

     


     

     

    jQuery Tabs

    You can use the a href=”http://docs.jquery.com/UI/Tabs”>jUI/Tabsto
    create more dynamic tab functionality.


    jQuery Tabs    - Typical tabbing structure which degrade
    nicely without JavaScript enabled..


     

     

    jQuery LightBox

     


    Fancy Box those who want something fresh. Features: Automatically
    scales large images to fit in window, adds a nice drop
    shadow under the full-size image, image sets to group
    related images and navigate through them

     

     

     


     

     

     


    Thickbox Plus image that is resized when your window is resized to fit
    the window.

     

     

     


     

     

  • Download Code:

    From Here

    •  

     

    jQuery Datagrid plugins

     


    Flexi Grid resizable columns and a scrolling data to match the
    headers, plus an ability to connect to an xml based data
    source using Ajax to load the content. Similar in
    concept with the Ext Grid only its pure jQuery love,
    which makes it light weight and follows the jQuery
    mantra of running with the least amount of
    configuration.

     


     

     

     

     

     


    Query Grid 3.1    - Datagird plugin for jQuery, where
    the user can manipulate the number of requested pages
    with adding, updating, deleting row data.


     

     

    jQuery Field Manipulation


    FaceBook Like – jQuery and autosuggest Search Engine    -
    This autosuggest search engine is inspired from facebook
    for design,

    use
    jQuery     as ajax framework and

    BSN Autosuggest     libs.


     

     

     


    Masked Input Plugin enter fixed width input where you would like them to
    enter the data in a certain format (dates,phone numbers,
    etc).

     


     

     

     

     

     

    jQuery with cool animation Effectss


    jQuery Enchant features all effects you know from
    scriptaculous/interface, as well as many more great
    additions: color animations, class animations and highly
    configurable effects.

     

     

     

     

     


    EasyDrag jQuery Plugin drop almost any DOM element without much effort. So it’s
    simple to use and you can also attach handlers both to
    the drag and to the drop events.

     


     

     

     

     

     


    Simple Effects Plugins    - Nice animation effects that
    can easily toggle, hide, show, fade, slide elements.


     

     

     


    Slide out and drawer effect accordion effect in action, where the mouse settles on
    the title of the ’section’ and the associated links are
    exposed. What makes this effect particularly cool, is
    that the drawers maintain a fixed height and slide
    between restricted area.

     


     

     

     

     

     

    jQuery Worth Checking Plugins

     

    crop, labelOver and pluck and apply it to every paragraph in a DIV.

     


     

     

     

     

     

     


    Style Author Comments Differently with jQuery custom styling applied to comments left by the author.

     


     

     

     

     

     

     


    Creating a fading header jQuery and CSS that shows you how to create the fading
    header technique.

     


     

     

     

     

     


    Coda Bubble    - A demonstration of the ‘puff’ popup
    bubble effect as seen over the download link on the
    Coda web site


     

     

     


    Another In-Place Editor any element, or an array of elements into an AJAX in
    place editor using one line of code.

     


     

     

     

     

     

    jQuery Web Applications

     

    GenFavicon little favicons used throughout the web. You have the
    option of either specifying a URL for the image you’d
    like to convert or uploading it to the site for
    processing.

     


    Share/Save/Bookmark

    One Response to “Best jquery plugins examples”

    1. Best jQuery Links Of The Month | jQuery Wisdom says:
      October 31st, 2009 at 12:25 pm

      [...] 17.  Best jquery plugins examples [...]

    Leave a Reply

    Featured Posts

    Advertisement

    Popular Tags


    CSS (Design) - TOP.ORG