Submit your widget
29
Yays

jQuery Float Label Pattern

about a month ago   Views 4668   downloads 373   Form

floatlabels.js Follows the famous Float Label Pattern. Built on jQuery. The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based…

190
Yays

simple jQuery Fading Background Color

3 years ago   Views 16785   downloads 1284   Image Effects

we would like to experience with you another effect that is widely used these days, the Background Color Fading effect on hover. We’ll have a block of content that when the mouse moves over the…

144
Yays

accordion menu with jquery

3 years ago   Views 24413   downloads 4655   Accordion

In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when…

149
Yays

jQuery fading header effect

3 years ago   Views 16641   downloads 2025   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…

140
Yays

Yoyo hover effect jQuery and CSS3

3 years ago   Views 12448   downloads 1577   Image Effects

Haven’t you ever just wanted a yoyo on your webpage? A beautiful, animated, spinning yoyo that slides down like a real yoyo would? The HTML There is very little HTML markup, so it is pretty easy…

150
Yays

CSS and Jquery: an Image Slider

3 years ago   Views 15054   downloads 1944   Image Effects

Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an…

133
Yays

WanderWall – A jQuery, CSS3 & HTML5 Hover-Based Interface

3 years ago   Views 19272   downloads 1773   Slideshow & Scroller

We'LLgoing to teach you how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. Why a hover-based interface? you might ask. Well, with the popularity of touch-based…

135
Yays

HoverAttribute jQuery plugin

3 years ago   Views 10031   downloads 1571   Text & Link Effects

HoverAttribute is a jQuery plugin that allows you to make (link-)elements more dynamic by making an attribute of that element show up on hovering. This is foremost intended for <a> tags residing…

162
Yays

jQuery Mouse Events

3 years ago   Views 14404   downloads 1664   Tooltips

HTML For us to make a tooltip we’re going to have some links to work with, and a container for our tooltip.  There is nothing too special here.  I placed the links in a header tag just…

181
Yays

Hover Accordion jQuery

3 years ago   Views 34619   downloads 5925   Accordion

A jQuery Plugin for no-click two-level menus (or whatever else you want to do with it) Introduction This is yet another accordion script, except you don't have to click to open one item, you just move…

127
Yays

Sexy Images jQuery Plugin

3 years ago   Views 18039   downloads 1658   Image Effects

This plugin allows you to create sexy hover effect for images on your page ;) Requried: jQuery 1.3+ Test with following browsers: Opera 10.0+ Mozilla Firefox 3.0+ Google Chrome 3.0.195 Safari 3.1+ (win)…

191
Yays

Realistic Hover Effect With jQuery

3 years ago   Views 20050   downloads 3721   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…