Submit your widget
152
Yays

jQueryNotice animated notification tooltip

7 years ago   Views 17503   downloads 3023   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 14151   downloads 2654   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 23680   downloads 3474   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 14569   downloads 2258   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 18305   downloads 3321   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 19513   downloads 2721   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 12763   downloads 1923   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 20957   downloads 2829   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 17412   downloads 3233   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 17780   downloads 2886   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 17653   downloads 2742   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 9139   downloads 1874   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 25341   downloads 2997   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…

148
Yays

CSS Image Viewer the Clever Way

7 years ago   Views 18986   downloads 3035   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 16536   downloads 2759   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…