20+ Demos Showing Advanced jQuery Effects Just a short while ago, Flash was one of the primary technologies used by web designers to add interactivity to a website. Since the introduction of the iPad, with its lack of the Flash Player, there’s an acceleration in the web development world to use alternative technologies to Flash, such as jQuery, Ajax and others. Although Flash is still a very powerful and useful tool, which works great on many cases, several of the effects that web designers are accustomed to creating in Flash, can be just as easily implemented using jQuery. Here are 21 online demos that show the power of jQuery for creating advanced effects and interactivity that can rival Flash. 1. This demo mimics the popular card flip technique which can rotate an element 360 degrees around its own x or y‑axis. 2. jQuery Quicksand plugin This is a great plugin for sorting an array of elements/icons on a page with nice fade-in/fade-out and animation effects. 3. 4. 5. 6. 7. jQuery Circulate 8. 9. 10. 11. 12. 13. 14. 15. 16. 19. 20.
37 More Shocking jQuery Plugins Apr 09 2008 It’s really amazing to see what one can create using jQuery. Developers just don’t stop making incredibly interactive web applications every now and then. This post just demonstrates excellent examples of some of the best jQuery plugins out there. You can also take a look at the other jQuery Plugins in this series : So let’s get started and don’t forget to subscribe to our RSS-Feed to keep track on our next post. jQuery Sliders 1) Slider Gallery- A similar effect used to showcase the products on the Apple web site. Live Demo: Here 2) Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS. Live Demo: Here jQuery Manipulating Images 3) crop, labelOver and pluck-Crop-Gives your visitors the power to crop any image on the fly using JavaScript only. Live Demo Of Crop: HereLive Demo of LabelOver: Here Live Demo Of Crop: Here Live Demo: Here jQuery Navigation Menus jQuery Accordions jQuery Image Viewer
Jquery | Auto-Playing Content Slider Based on Coda Slider plugin for jQuery, tutorial on how to create a slick Auto-Playing Content Slider with different types of custom content in the panels, auto-play functionality and arrow indicator to serve as a visual indication of which panel you are currently viewing. 10 Very Useful Ajax Plugins for your Websites 10 Ajax plugins collection This is collection of most interesting fresh Ajax plugins. Here are plugins and for working with images, and for paypal, and for pagination, and for navigation and another. Image Zoom & Pan Gallery, 360° Object Rotate (Spin), Fullscreen View. Online demo you can find here. 2. Nice way to display long lists. 3. By default – it made for comments, but, you can easy to apply it to another, as example – possibility to display next X blog posts (so you can use it for pagination too). 4. This plugin is drag and drop image file uploader. 5. jpaging jQuery AJAX paging plugin. 6. jsLink jQuery Broken Link Checker Plugin. 7. This plugin will add a full function shopping cart to your website. 8.jNavigate This plugin will allow to load your website content dynamically. 9.Ajax Login Form Easy ajaxy login form for your website. 10.Transform This plugin allow users to easily make cross-browser XML transformations with XSL. Conclusion
37 Phenomenal jQuery Plugins and Demos for Developers In this post we have collected 37 jQuery plugins for use in your next web project. Slide-In Contact Form Description : When the user clicks on the Contact link at the top of the page, the contact form will slide down. When the user submits the form they will get a message that their message has been sent successfully and within two seconds, the entire form will slide up to its original position. Virtual jQuery Keyboard Description : This tutorial will explain how to implement a simple virtual keyboard with some with jQuery. Digg style sign up form Description : Simulate a Digg style signup form, with its unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. Load Content While Scrolling With jQuery Description : If you have lots of content to present but can not load all of it at once as it may take too long, this plugin is the answer. Pirobox jQuery Lightbox FancyBox Facebox 1.2 JQuery Cycle Plugin InnerFade Tablesorter 2.0 jGoogle jTruncate idTabs
50+ Amazing Jquery Examples- Part1 Dec 20 2007 * This post is regularly updated. * Many of us have been using a good deal of jQuery plugins lately. Below I have provided a list of the 50 favorite plugins many developers use. Menu 1) LavaLamp 2) jQuery Collapse -A plugin for jQuery to collapse content of div container. 3) A Navigation Menu- Unordered List with anchors and nested lists, also demonstrates how to add a second level list. 4) SuckerFish Style Tabs 5) jQuery UI Tabs / Tabs 3 – Simple jQuery based tab-navigation 6) TabContainer Theme – JQuery style fade animation that runs as the user navigates between selected tabs. Accordion 7 ) jQuery Accordion Demo 8) Simple JQuery Accordion menu SlideShows 9) jQZoom- allows you to realize a small magnifier window close to the image or images on your web page easily. 10) Image/Photo Gallery Viewer- allows you to take a grouping of images and turn it into an flash-like image/photo gallery. Transition Effects 12) Easing Plugin- A jQuery plugin from GSGD to give advanced easing options.
Ajax Fancy Captcha – jQuery Plugin for Drag and Drop Captcha’s security | webAppszone Home » Ajax , Extras , Javascript , Licenses Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers . This is a new, intuitive way of completing “verify humanity” tasks. Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted “guests”. Website: Demo: Download: Requirement: jQuery Incoming search terms: captcha jquery jquery captcha drag and drop captcha fancy captcha jquery fancy captcha drag captcha jquery captcha drag and drop captcha drag gallery ajax
jQuery plugin for Avgrund concept popin Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). Tested with jQuery 1.4+, file size is under 2Kb, MIT Licensed. You can simply init Avgrund with one line and linking 'avgrund.css' file: $('element').avgrund(); Avgrund has several options for you to customize it easily: Avgrund plugin was inspired by Hakim's Avgrund.js demo.
Jquery :: Galeria de imagem Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. I am not so great at spelling, and it was much later that I realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains. Features Smart image preloading after the page is loaded Thumbnail navigation (with pagination) jQuery.history plugin integration to support bookmark-friendly URLs per-image Slideshow (with optional auto-updating url bookmarks) Keyboard navigation Events that allow for adding your own custom transition effects API for controlling the gallery with custom controls Support for image captions Flexible configuration Graceful degradation when javascript is not available Support for multiple galleries per page Examples Usage Will Galleriffic generate the slide and thumbnail images automatically? How can I change the number of thumbnail columns? Extras