Jquery

Facebook Twitter

Shoutbox Examples. Blog / 10 useful jQuery authoring tips. Here's 10 tips that will makes you code more efficiently with jQuery. 1. Be lazy // Don't if ( $ ( '#item' ). get ( 0 )) { $ ( '#item' ). someFunction (); } // Or if ( $ ( '#item' ). length ) { $ ( '#item' ). someFunction (); } // Just do $ ( '#item' ). someFunction (); Jcrop Image Cropping Demos. An example server-side crop script. Hidden form values are set when a selection is made. If you click the Crop Image button, the form will be submitted and a 150x150 thumbnail will be dumped to the browser. Flot - Project Hosting on Google Code. The Sexy Curls jQuery Plugin by Elliott Kember. Is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold.

The Sexy Curls jQuery Plugin by Elliott Kember

You want a demo page? You're looking at it. Go drag the fold → The source code is available at GitHub. The plugin now works in IE7. You can also now set it to curl automatically. jFlip Gallery Demo. jQuery :path. jQuery liScroll - a jQuery News Ticker. Last updated friday, april 22 2011 What's this?

jQuery liScroll - a jQuery News Ticker

LiScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker jquery.li-scroller.1.0.js The markup <ul id="ticker01"> <li><span>10/10/2007</span><a href="#">The first thing ... jQuery Easing Plugin. Description A jQuery plugin from GSGD to give advanced easing options.

jQuery Easing Plugin

Please note, the easing function names changed in version 1.2. Please also note, you shouldn't really be hotlinking the script from this site, if you're after a CDN version you could do worse than try cdnjs.com Download Download the following: LavaLamp for jQuery lovers! Hover above and feel for yourself, the nifty effect of Lava Lamp. 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 parallax. Download git clone github.com/stephband/jparallax Instantiation jQuery( '.parallax-layer' ).parallax( options ); What does jquery.parallax do?

jquery parallax

Making a 3D Engine in jQuery. In the previous post “3D tag cloud” I received quite a few requests for different shapes besides the ring. The problem is how the tag cloud was created it doesn’t lend itself to different shapes very well. So this post will show how to create a 3D engine in jQuery / JavaScript for those more exciting shapes. Building an Animated Cartoon Robot with jQuery. Why?

Building an Animated Cartoon Robot with jQuery

Aside from being a fun exercise, what purpose does something like this have? None that's plainly obvious. Its about as useful as a miniature ship in a bottle. Yet it does have an underlying purpose. It could inspire someone to look beyond the perceived constraints of web designers and developers. 5 Top jQuery Chart Libraries for Interactive Charts. Nowadays the need for an easy way to add interactive charts becomes essential because we are shifting from PC to web application. jQuery and other libraries allow to make accessible data visualization in (x)HTML, giving us this needed functionality.

In this article we are going to present 5 chart libraries that suit different needs from simple charts to high complex charts. Most of them are free for personal and commercial use. Columnizer jQuery Plugin. The Columnizer jQuery Plugin will automatically layout your content in newspaper column format.

Columnizer jQuery Plugin

You can specify either column width or a static number of columns. And, of course, it’s easy to use! Get the source. Plugins. What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Corporate Members Support from our corporate members makes it possible for the jQuery Foundation to continue our work on our JavaScript libraries and pushing the open web forward with events and participation in the standards process.

Demo > maxImage Scaling Plugin. Caution: This example is meant for expert users.

Demo > maxImage Scaling Plugin

Remember, with FillElement you can often accomplish an offset scheme very easily... just set your containing element where you want the images to be displayed. Because the first rule of Maximage 2.0 is to try to remain hands off and out of your way, the built in support for offsets have been dropped with version 2.0. This doesn't mean they aren't possible. With a little elbow grease they can still be accomplished (and are better). jQuery Spritely. jMagnify (Ola effect on text) plugin: documentation and demo pag. Demo 1 - Standard options Hover text below to see jMagnify in action!

jMagnify (Ola effect on text) plugin: documentation and demo pag

jQuery jMagnify, magnify effect on text! This is the javascript code to launch jMagnify with standard options: $().ready(function() { $('#first').jMagnify(); }); Scrollable Fixed Header Table – A JQuery Plugin « Jerome Bulanad. This plugin allows html tables to be scrollable horizontally and vertically while headers are still visible and in tack with the columns.

Scrollable Fixed Header Table – A JQuery Plugin « Jerome Bulanad

This plugin can be used in two modes: 1. Import dependencies 2. BubbleUp jQuery Plugin to Spice Up Your Menu.