JQuery

Facebook Twitter

Playing with jQuery Color Plugin and Color Animation. jQuery is an easy and useful JavaScript library.

Playing with jQuery Color Plugin and Color Animation

If you are someone with basic knowledge of JavaScript you can easily insert jQuery plugins and effects. You do not need to be hardcore coder or developer for that. In this post you will see how to create some cool menus with jQuery and jQuery Color Plugin.View Demo Things you need: 1. Jquery 1.3.2. .hover. Bind one or two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements. .hover( handlerIn(eventObject), handlerOut(eventObject) )Returns: jQuery Description: Bind two handlers to the matched elements, to be executed when the mouse pointer enters and leaves the elements.

.hover

.animate. Description: Perform a custom animation of a set of CSS properties.

.animate

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).

Animate font size on hover. .css. Description: Get the computed style properties for the first element in the set of matched elements.

.css

The .css() method is a convenient way to get a style property from the first matched element, especially in light of the different ways browsers access most of those properties (the getComputedStyle() method in standards-based browsers versus the currentStyle and runtimeStyle properties in Internet Explorer) and the different terms browsers use for certain properties. For example, Internet Explorer's DOM implementation refers to the float property as styleFloat, while W3C standards-compliant browsers refer to it as cssFloat. LavaLamp for jQuery lovers! | Ganesh.

Hover above and feel for yourself, the nifty effect of Lava Lamp.

LavaLamp for jQuery lovers! | Ganesh

What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light weight. 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 Template 10 Pretty cool template Previous1234Next.

Easy Paginate - styled demo

jQuery File Upload Demo. LeanModal - a JQuery modal plugin that works with your CSS. GBWS Projects. 50 New And Crazy Cool jQuery Plugins From Year 2011. With 2011 a little over half over it’s the right time to look at, and uncover, the current trends of web design and development.

50 New And Crazy Cool jQuery Plugins From Year 2011

It’s sure been a helluva ride for jQuery and it’s growth just doesn’t stop. With more than 40% of websites using jQuery now it’s no longer possible to ignore this efficient, powerful and lightweight tool. jQuery gives developers the chance to enrich websites with amazing elements without the need to write dozens of lines of code. jQuery plugin: Easy Image Zoom. I have been working on a little script for a client of mine, that required product image magnification.

jQuery plugin: Easy Image Zoom

The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the process I decided to create a jQuery plugin and share it with you guys! Just as with all my script I try to keep things as lightweight as possible, and most important, as customizable as possible. Cloud Zoom Jquery. Copyright © 1999-2012 GoDaddy.com, LLC.

Cloud Zoom Jquery

All rights reserved. *One FREE .COM, .CO, .NET or .ORG with purchase of a new 12-, 24- or 36-month website builder plan. Plus ICANN fee of $0.18 per domain name per year. Cloud Zoom jQuery image zoom plugin. Trepmag/jrac - GitHub. DropKick - a jQuery plugin for beautiful dropdowns. .dk_theme_black { background : #aebcbf ; background : - moz - linear - gradient ( top ,

DropKick - a jQuery plugin for beautiful dropdowns

Www.scriptbreaker.com/javascript/script/JQuery-multi-level-accordion-menu. jQuery Feed Menus. Simple Javascript Accordions. Javascript accordians have been used a lot in todays web design world. There are a lot of scripts we have seen and sure you too would have seen them. We hope our script is one of the smallest accordion script which is extremely simple and easy to integrate. HoverAccordion jQuery Plugin. A long while back, I created a small jQuery Plugin called "HoverAccordion" - basically your ordinary accordion, but with a twist: users don't have to click to open one item, they just move the mouse over it. 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. jQuery convertion: Garagedoor effect using Javascript. Today I finally found the courage to go and try jQuery. After getting some people say: “You should use jQuery instead of scriptaculous.” I began thinking. What is the reason I choose script.aculo.us again? jQuery Background Test. Animated Drop Down Menu with jQuery | ClarkLab. Jquery | Ganesh. Create a Slick Tabbed Content Area using CSS & jQuery. Sliding Jquery Menu. Animated Menus Using jQuery » ShopDev Website Design Blog.

Flickr Photobar Gallery. Pulling Your Flickr Feed with jQuery | Viget Inspire. 38 jQuery And CSS Drop Down Multi Level Menu Solutions. Top 20+ jQuery Slideshow and Image Gallery Tutorials. 25 Fresh and New jQuery Plugins and Tutorials-Speckyboy Design Magazine | Speckyboy Design Magazine. QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler. 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.