Submit your widget
133
Yays

Customizing the Accordion effect

Views 18545   downloads 3534   Accordion

Adding a custom effect If you want to make custom effects, you'll use the $.tools.tabs.addEffect() method. The first argument is the effect name and the second argument is the function that performs the…

133
Yays

Simple jQuery Alternate Plugin

Views 10642   downloads 2098   Table

I recently required a light-weight unobtrusive javascript to set alternating styles on <table> rows and other elements (such as <li>s or <div>s). There are some options available, but…

150
Yays

Interactive Picture with jQuery(Image Tips)

Views 20737   downloads 4077   Tooltips

In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect…

186
Yays

HTML5 Demo: Drag and drop

Views 74807   downloads 3351   HTML5

Drag the list items over the dustbin, and drop them to have the bin eat the item

190
Yays

Html5 canvas loading animation effect

Views 59155   downloads 5195   HTML5

Html5 canvas loading animation effect

489
Yays

Reorder and filter items with a nice shuffling animation(Quicksand)

Views 45605   downloads 4578   Image Effects

How it works At the very basic level, Quicksand replaces one collection of items with another. All you need to do is provide those two sets of items. You can do it in a couple of ways: Use plain HTML,…

259
Yays

Images Or Banner Rotator With jQuery

Views 29709   downloads 3177   Image Effects

How To Use It? Step 1 – XHTML The XHTML code of the banners is generated on the fly by PHP after a database query, and outputted to the page. Here is how the markup for a sample banner looks like:…

151
Yays

Phatfusion multiBox lightbox

Views 16568   downloads 2624   Lightbox & Dialog & Overlay

lightbox that supports jpg, gif, png, flash, flv, mov, wmv, mp3, html, iframe features supports a range of multimedia formats. auto detects format or you can specify the format. supports html descriptions.…

150
Yays

PiroBox lightbox with jQuery

Views 26410   downloads 4133   Lightbox & Dialog & Overlay

The gallery is simple to set up, and offers some great features: Built completely on the jQuery library Automatically resizes images based on browser window size Previous/Next links can be outside the…

102
Yays

Fancy Hover Effect with jQuery

Views 20223   downloads 2680   Image Effects

Very cool hover effect HTML   <div id="featured-wrap"> <div id="featured-content"> <a href="http://www.jardinesdelte.com/"><img alt="Jardines" src="2_s.jpg" /></a> <a…

128
Yays

Simple Image Gallery Navigation (slider) plugin in jQuery

Views 27791   downloads 3779   Slideshow & Scroller

How to setup You must include in your page’s HEAD section the jQuery library and the slider plugin : Add JavaScript Files: <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>…

216
Yays

Making Accordions with the Tabs(jquery)

Views 30807   downloads 5836   Accordion

HTML coding Our HTML layout is a bit different than in tabs. The accordion headers are positioned in front of the panes and everything is contained as a flat list inside a single root DIV element with…

136
Yays

Making a Mosaic Slideshow With jQuery & CSS

Views 21100   downloads 2930   Slideshow & Scroller

  We are making a jQuery & CSS mosaic gallery. Mosaic, because it will feature an interesting tile transition effect when moving from one slide to another. Step 1 – XHTML   The mosaic…

185
Yays

Slideshow Feature List

Views 35873   downloads 7757   Slideshow & Scroller

Using Feature List requires a simple function call: $.featureList( $("#tabs li a"), $("#output li"), { start_item : 1 } ); // Alternative $('#tabs li a').featureList({ output : '#output li', start_item…

115
Yays

Sliding Boxes and Captions with jQuery

Views 24613   downloads 4801   Image Effects

Learn how to use JQuery animations to slide captions and images in and out of view. Don’t distract your visitors, show them only what they need to see. Come check out what you can do to juice up…