Submit your widget
141
Yays

jQuery fading header effect

Views 16864   downloads 2464   Image Effects

The HTML and CSS The HTML is very straight forward. We have a h1 element with a link inside of it. We’re going to hook our Javascript onto our header (or whichever element we want to add this effect…

100
Yays

jQuery Slideshow with a Transparent PNG Frame

Views 18678   downloads 2832   Slideshow & Scroller

we’ll have created a basic slideshow that uses a combination of PNG transparency and layered positioning to create the effect of each slides being held in by the bottom corners. The HTML Start by…

145
Yays

jQuery Scroll Linked Navigation

Views 19817   downloads 3712   Tabs

The Problem What you need to do is hook in to the user scrolling the web page, and when a particular element comes in to view, if there’s an associated navigation item - make it selected. That’s…

131
Yays

Fancy Zoom with jquery or Mootools

Views 17955   downloads 4755   Lightbox & Dialog & Overlay

FIrst off, you can visit the demo to see the effect in action. the fancyZoom effect is added in a much more jQuery-like way. $(document).ready(function() { $('a.zoom').fancyZoom(); }); This will add the…

100
Yays

Like apple Slider Gallery jQuery

Views 14585   downloads 2251   Slideshow & Scroller

This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery…

109
Yays

iPhone like Sliding Headers effect With jQuery

Views 10033   downloads 1923   Text & Link Effects

  One really nice UI effect is when a new heading is just about to replace the existing heading, it pushes the existing heading out of view. It’s very subtle and only really visible if you…

108
Yays

Slideshow jQuery plugin

Views 13168   downloads 1963   Slideshow & Scroller

When I noticed the growing popularity of JS-Slide and JS-Fade effects I have decide to develop a plugin for jQuery. This plugin will help you to add thise effects to the site in more simple way. If the…

116
Yays

jQuery plugin ImageView

Views 12913   downloads 2036   Image Effects

This is  jQuery plugin which can help you to create image viewing in your site more useful. Code excample <div id="imageView_container"> <img src="photos/image-800x500.jpg" rel="photos/image-1680x1050.jpg"…

99
Yays

Transcendent Date Range Selector With jQuery

This example was inspired by some work I saw over at filamentgroup.com but their was more of a proof of concept than production code. I decided to try and make the code ready for production and hopefully…

126
Yays

A tabs control with jQuery plugin

Views 25596   downloads 2952   Tabs

Smart Tab is a flexible jQuery(a JavaScript library) Tab Control plugin. Features: Customizable tab anchors, can use images. AutoProgress:- option for automatic navigation of tabs. AutoProgress can be…

115
Yays

Simple Best jQuery Color Picker

Views 8592   downloads 1844   Color Picker

It's the jquery version of "Prototype color picker" by Myles Eftos,BUT a refined version with bugs fixed,more powerful and extensive!. Simplest api you've ever seen $("#icolor4").icolor({ onSelect:function(c){this.$tb.css("background-color",c);this.$t.val(c);}…

123
Yays

jquery rotating 3d tag cloud

Views 36751   downloads 5499   Text & Link Effects

TODO Performance is horrible when more than one instance is present in the page Would be much quicker if instead of recalculating all values on mouse move a global phi/theta value pair is stored and the…

107
Yays

An Scalable jQuery Login Box

Views 10678   downloads 2558   Form

Here is a little example on how to create an unobtrusive login box in the top left of your page. First we start with the CSS. I have placed the login box in the top left and added some nice rounded corners…

192
Yays

Lightweight Tooltips With jQuery

Views 7713   downloads 1577   Tooltips

Query Tiper is an extremely lightweight jQuery tooltip which allows you to assign a tooltip to any element. Usage Using it is very simple, for example if you would like to give a link a tooltip you would…

131
Yays

Feature Complete jQuery Slide Out Info Bar

Views 22250   downloads 4071   Menu & Navigation

The bar used jQuery to hide itself until someone click a small question mark on the top left of the page. The box contains several drop down boxes which house info such as FAQs, Contact form, about us…