Submit your widget
152
Yays

jQueryNotice animated notification tooltip

7 years ago   Views 17373   downloads 2993   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 14053   downloads 2630   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 23522   downloads 3440   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 14498   downloads 2232   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 18109   downloads 3260   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 19418   downloads 2696   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 12656   downloads 1901   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 20822   downloads 2807   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 17298   downloads 3195   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 17678   downloads 2863   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 17521   downloads 2718   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 9073   downloads 1852   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 25244   downloads 2975   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 18758   downloads 3003   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 16285   downloads 2723   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…