Submit your widget
128
Yays

Customizing the Accordion effect

Views 15956   downloads 2890   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…

127
Yays

Simple jQuery Alternate Plugin

Views 8417   downloads 1116   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…

145
Yays

Interactive Picture with jQuery(Image Tips)

Views 18999   downloads 3555   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…

182
Yays

HTML5 Demo: Drag and drop

Views 71936   downloads 2617   HTML5

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

184
Yays

Html5 canvas loading animation effect

Views 56041   downloads 4173   HTML5

Html5 canvas loading animation effect

482
Yays

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

Views 42697   downloads 3680   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,…

251
Yays

Images Or Banner Rotator With jQuery

Views 26989   downloads 2500   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:…

145
Yays

Phatfusion multiBox lightbox

Views 14729   downloads 1791   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.…

146
Yays

PiroBox lightbox with jQuery

Views 23246   downloads 3482   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…

94
Yays

Fancy Hover Effect with jQuery

Views 17794   downloads 1871   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…

124
Yays

Simple Image Gallery Navigation (slider) plugin in jQuery

Views 25129   downloads 3138   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>…

211
Yays

Making Accordions with the Tabs(jquery)

Views 27887   downloads 4993   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…

126
Yays

Making a Mosaic Slideshow With jQuery & CSS

Views 18328   downloads 2143   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…

177
Yays

Slideshow Feature List

Views 32366   downloads 7071   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…

106
Yays

Sliding Boxes and Captions with jQuery

Views 22804   downloads 4113   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…