Submit your widget
197
Yays

Realistic Hover Effect With jQuery

4 years ago   Views 22020   downloads 4131   Layout & Interface

This is a rising hover effect to a set of icon links. Using jQuery’s animate effect, we experimented with icons that have reflections and others with shadows. The HTML and CSS are both straightforward…

103
Yays

Beautiful Customized Tooltips jQuery

4 years ago   Views 5840   downloads 969   Tooltips

Making beautiful tooltips is easy! Customized tooltips with images or stylized text can enhance the experience for your users. HTML <div id="tooltipList"> <ul> <li ><a class="tooltip"…

100
Yays

Click to fade text paragraphs jQuery

4 years ago   Views 6756   downloads 914   Text & Link Effects

Click-To-Fade Paragraphs (or other HTML Elements) The trick here is to target all odd paragraph tags. This uses the very simple query language in jQuery: p:odd when authoring the sample in Glimmer.  …

111
Yays

Rotating Banner / Image switch scroller jQuery

4 years ago   Views 26855   downloads 3766   Slideshow & Scroller

This sample was entirely created using the Glimmer image sequence wizard. Whether it be for advertising, mastheads for your website, or, perhaps, an image gallery for your photos, Glimmer can help. Just…

113
Yays

Advanced CSS Menu

4 years ago   Views 13529   downloads 2048   Menu & Navigation

Most of you probably know how to code a horizontal or vertical CSS list menu. Now let’s take it to the next level — code an advanced (un-typical) list menu utilizing the CSS position property.…

113
Yays

CSS Sliding Door menu using only 1 image

4 years ago   Views 8686   downloads 1212   Menu & Navigation

Concept The concept of the sliding door is to use a background image for the buttons in a navigation menu. I am using a span within a link in the list to hold a part of the image. the link itself will…

138
Yays

Inset Border Effect jQuery Plugin

4 years ago   Views 11804   downloads 1836   Image Effects

It’s a very simple but neat effect. The images have a border, but unlike CSS borders, it covers up part of the image. I wanted to use this effect in one of my galleries so I went ahead and experimented…

180
Yays

Kwicks accordion menu for jQuery

4 years ago   Views 33211   downloads 5913   Menu & Navigation

Default CSS Note that all of the examples on this page are using this as their default stylesheet /* defaults for all examples */ .kwicks { list-style: none; position: relative; margin: 0; padding: 0;…

127
Yays

Submit A Form Without Page Refresh using jQuery

4 years ago   Views 23479   downloads 2379   Form

we have a simple contact form with name, email, and phone number. The form submits all the fields to a php script without page refresh, using native jQuery functions (native meaning, you don’t need…

147
Yays

Better Captions for jQuery’s FancyBox Plugin lightbox

4 years ago   Views 21738   downloads 5185   Lightbox & Dialog & Overlay

After a few changes to the stylesheet and some light enhancements to the code, I managed to get the effect I was looking for.  The caption actually fades in and out on mouse-over, so it’s not…

127
Yays

jQuery: Photo Slider

4 years ago   Views 11871   downloads 1360   Image Effects

My first thought was a thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo. This is what happens, in plan English: Click event on the “More…

147
Yays

Animate Curtains Opening with jQuery

4 years ago   Views 23551   downloads 4568   Image Effects

Step 1 – What You’ll Need This example would not be anything special without the graphics, so let’s make sure you’ve got those under control. I’ve included the ones used…

119
Yays

Threadless Style T-Shirt Gallery jQuery

4 years ago   Views 11294   downloads 1742   Image Effects

The Basic Idea Here’s the gist: There’s a thumbnail which is a full sized image in a container div, which is smaller than the full sized image. The image is centered within it, but doesn’t…

109
Yays

Twitter-like dynamic character count for textareas jQuery

4 years ago   Views 6748   downloads 1293   Form

The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. While typing the Twitter post there is this always present information about how many…

149
Yays

jQuery style menu with CSS3

4 years ago   Views 16112   downloads 3229   Menu & Navigation

Here’s a quick experiment I did with CSS3. Again I was just mucking about with CSS3 transitions which could one day replace all the fancy jQuery animation tricks people use. The outcome was a really…