Submit your widget
133
Yays

Customizing the Accordion effect

Views 18298   downloads 3461   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…

131
Yays

Simple jQuery Alternate Plugin

Views 10438   downloads 2029   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 20546   downloads 3996   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 74585   downloads 3271   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 58881   downloads 5108   HTML5

Html5 canvas loading animation effect

487
Yays

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

Views 45311   downloads 4497   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 29458   downloads 3075   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:…

148
Yays

Phatfusion multiBox lightbox

Views 16379   downloads 2555   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.…

148
Yays

PiroBox lightbox with jQuery

Views 26123   downloads 4040   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…

99
Yays

Fancy Hover Effect with jQuery

Views 20057   downloads 2599   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 27521   downloads 3686   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 30581   downloads 5783   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…

130
Yays

Making a Mosaic Slideshow With jQuery & CSS

Views 20827   downloads 2845   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 35598   downloads 7677   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…

109
Yays

Sliding Boxes and Captions with jQuery

Views 24369   downloads 4730   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…