Playing with jQuery Color Plugin and Color Animation. .hover. Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements. .hover( handlerIn, handlerOut )Returns: jQuery Description: Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements. version added: 1.0.hover( handlerIn, handlerOut )handlerIn A function to execute when the mouse pointer enters the element.handlerOut A function to execute when the mouse pointer leaves the element.
.animate. Description: Perform a custom animation of a set of CSS properties.
The .animate() method allows us to create animation effects on any numeric CSS property. The only required parameter is a plain object of CSS properties. This object is similar to the one that can be sent to the .css() method, except that the range of properties is more restrictive. Animation Properties and Values All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated using basic jQuery functionality (For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color plugin is used). In addition to style properties, some non-style properties such as scrollTop and scrollLeft, as well as custom properties, can be animated.
Animate font size on hover. .css. Description: Set one or more CSS properties for the set of matched elements.
As User Interface developers, we know that one of the first widgets our visitors use is a “Menu”. Jquery.loader.js - jquery-preloader - jQuery Loader Plugin Beta 2 - jQuery plugin to preload components. Jquery-preloader - jQuery plugin to preload components. Double Vision JQuery Plugin. Science[co.de editor] Easy Paginate - styled demo. Click on the links below to navigate through items Template 01 Pretty cool template Template 02 Pretty cool template Template 03 Pretty cool template Template 04 Pretty cool template Template 05 Pretty cool template Template 06 Pretty cool template Template 07 Pretty cool template Template 08 Pretty cool template Template 09 Pretty cool template.
jQuery File Upload Demo. LeanModal - a JQuery modal plugin that works with your CSS. GBWS Projects. jQuery plugin: Easy Image Zoom. I have been working on a little script for a client of mine, that required product image magnification.
In the touch era this seems out of date, and it is, but since the script appears in a number Accordion Halls of Fame (yes, those exist), I decided to include it here. Yet Another Accordion Script I actually made the plugin to serve as a menu, but it could also work as a regular accordion for displaying different types of content within a page.
It’s a pretty well designed site. However, the pièce de résistance is their rather cool animated menu. Now… had this been designed in Adobe Flash, I wouldn’t had paid much attention. Flickr Photobar Gallery. After we got a lot of great feedback for our image galleries we decided to follow some of the suggestions and create a gallery that uses the Flickr API. Pulling Your Flickr Feed with jQuery. Feeds are the easiest way to view updated content, whether it's through a feed reader or outputted onto a web site. There are many different types of feeds, such as RSS or Atom, and many different ways display them on your site, such as using MagpieRSS to parse an RSS feed in PHP.
Top 20+ jQuery Slideshow and Image Gallery Tutorials. 25 Fresh and New jQuery Plugins and Tutorials-Speckyboy Design Magazine. With jQuery becoming ever more popular, the volume and quality of plugins and tutorials that developers are releasing and writing are increasing rapidly. If you are looking for the latest in jQuery plugins this is the post for you, all the plugins and tutorials in this post are new and fresh, they have only recently been published (within the last six weeks). vTip Download Plugin »View Demo » QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler. jQuery QuickFlip 2 jQuery QuickFlip takes any piece of HTML markup and flips it over like a card. The effect is similar to the UI animation on the iPhone. 10 Useful jQuery Plugins for Images. jQuery Easy Slides v1.1 - Possibly the easiest to use jQuery plugin for making slideshows.
jQuery Slideshow Carousel 1 of 2.