Submit your widget
152
Yays

jQueryNotice animated notification tooltip

7 years ago   Views 17201   downloads 2962   Tooltips

jQnotice allows you to easily show an animated notification tooltip at the top of your website with just a simple line of code. How-to use ? You can use it by just call the following method: jQnotice('Your…

139
Yays

jQuery Plugin for Stylish Tooltips

7 years ago   Views 13890   downloads 2602   Tooltips

A Single Background Image for Scalable Tooltips Suppose you need to code a scalable tooltip that looks like this (i.e. a tooltip with auto width/height based on the content inside it): he Usual Approach…

160
Yays

jQuery 2D Transformation Plugin

7 years ago   Views 23245   downloads 3407   Layout & Interface

jQuery 1.4.2 is the minimum for this plugin to function correctly. This plug-in allows you to apply 2D transformations in all CSS3 capable browsers as well as Internet Explorer. This plug-in works in…

154
Yays

Custom radio and checkbox inputs using CSS3

7 years ago   Views 14384   downloads 2205   Form

As you can see from the demo each radio and checkbox is replaced with a custom one. The difference here from my initial attempt, and to get around the fact you can’t apply generated content to form…

152
Yays

Pure CSS collapsible tree menu

7 years ago   Views 17863   downloads 3195   Menu & Navigation

The demo is built using an ordered list (ol) nested with further ordered lists to naturally represent a basic folder structure. <ol> <li class="file"><a href="document.pdf">File 1</a></li>…

133
Yays

jQuery Easy Background Resize

7 years ago   Views 19266   downloads 2656   Image Effects

Resizable full-browser background image using jQuery. Implementation requires no CSS. Keeps the images aspect ratio in tact! Example HTML for Background DIV <!-- This gets positioned absolutely so…

128
Yays

jQuery Flickr Photo Gallery Plug

7 years ago   Views 12518   downloads 1863   Slideshow & Scroller

Simply hand the plug-in a Flickr set_id and give the container a width and height ! Example HTML Code Example <div id="flickr_div"></div> <!-- "flickr_count" Required for count and titles…

178
Yays

jQuery Image Scale Carousel

7 years ago   Views 20630   downloads 2781   Slideshow & Scroller

What Makes jQuery Image Scale Carousel Different? It auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place. When working with imagery online keeping…

141
Yays

accordion effect using CSS3

7 years ago   Views 17112   downloads 3150   Accordion

The xhtml <dl> <dt><a href="#Section1">Section 1</a></dt> <dd id="Section1"> <p> Lorem ipsum dolor sit amet... </p> </dd> <dt><a href="#Section2">Section…

144
Yays

an Animated Navigation with jQuery

7 years ago   Views 17543   downloads 2833   Menu & Navigation

The idea is to build a menu that just displays icons, when the user rolls over each icon the text will appear below. The icon will also have a roll over state to help highlight the menu item. Getting…

180
Yays

a Table Row Highlighter Using jQuery

7 years ago   Views 17353   downloads 2686   Table

Getting Started The first thing we need to do is download some things. First on your shopping list is jQuery. If you don’t have it already you can visit jQuery’s website and pick it up for…

157
Yays

jQuery Doubleselect Plugin - Fill in a second select box dependent on the first one.

7 years ago   Views 8939   downloads 1818   Form

Fill in a second select box dependent on the first one.   Usage Code   $(document).ready(function() { "Vegetables": { "key" : 10, "defaultvalue" : 111, "values" : { "tomato": 110, "potato":…

161
Yays

Styling Drop Down Boxes with jQuery

7 years ago   Views 25068   downloads 2944   Form

One problem with HTML forms is it is hard to style the elements to fit into your design.  The tutorial will show you how to style the hardest of them all, the select box.   The Plan Unfortunately…

147
Yays

CSS Image Viewer the Clever Way

7 years ago   Views 18455   downloads 2954   Image Effects

Image Viewers are fairly common on websites now-a-days. Most use some form of JavaScript to change images, some use Flash. This is a problem if the user doesn’t have either enabled on their browser. …

134
Yays

3D Flying Text in jQuery

7 years ago   Views 15999   downloads 2673   Text & Link Effects

It’s just a matter of time before some creates a jQuery plug-in much like Papervision for Flash.  Until then the 3D experiments in jQuery continue.  Here is a example that will show you…