background preloader

Jquery

Facebook Twitter

Shoutbox Examples. Blog / 10 useful jQuery authoring tips. Here's 10 tips that will makes you code more efficiently with jQuery. Jcrop Image Cropping Demos. Flot - Project Hosting on Google Code. jFlip Gallery Demo. A flipping page gallery Author: Renato Formato.

jFlip Gallery Demo

Common HTML code for the examples jQuery code Flip gallery with: green background (for images smaller than canvas) flipping corners on the bottom no image resize flip.jflip event binded to show infos Image 1 of 6 green background (for images smaller than canvas) flipping corners on the top images bigger than canvas are resized to be completely visible. jQuery :path. jQuery liScroll - a jQuery News Ticker.

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: Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). Select easing types for the demo first one for down, second one for up. The Clicker. 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. 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. 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. 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. HTML Table. Here’s the sample table. 3. $(document).ready(function(){ $('#table1').scrollableFixedHeaderTable(300,100,'true','scr_table_1_'); }); Usage With column select . $(tableID).scrollableFixedHeaderTable(widthpx, heightpx, showSelect, cookie); With column select. $(tableID).scrollableFixedHeaderTable(widthpx, heightpx, showSelect); Without column select $(tableID).scrollableFixedHeaderTable(widthpx, heightpx); Multirow headers $(tableID).scrollableFixedHeaderTable(widthpx, heightpx, null, null, rowCount); Arguments Multi-row Headers Reference from #comment-83.

Using column select only works if there are no rowspans and colspans as there is no easy way to map the header’s tr tag index to the group of tr tags in the data that is why I placed null on the column select parameters. example: BubbleUp jQuery Plugin to Spice Up Your Menu. Hey friend, in the previous jQuery Learning tutorial, I wrote an article that helps you to create your own jQuery plugin with the fun zooming effect.

BubbleUp jQuery Plugin to Spice Up Your Menu

This plugin has received a lot of attention for a while and there are some suggestion from you guys to help this plugin to be better. I collected some interesting recommendations and bug fixes from my readers to write it again and release it.