Animated Hover

Last changed: 8 weeks 4 days ago

Animated Hover provides animated transitions between hovered items for any jQuery project. Requires jQuery 1.2+ and Dimensions

• Find out more
• Bugs and feature requests

• Animation and Effects
• Events
• User Interface

Background-Position Animations

Last changed: 8 weeks 5 days ago

Adds the ability to do background-position animations to jQuery 1.2, and newer.

$('#background').animate({backgroundPosition: '(150px 250px)'});

• Find out more
• Bugs and feature requests

• Animation and Effects
• jQuery Extensions

Bounce

Last changed: 12 weeks 5 days ago

* Added live demo page (url at bottom of page)

This project allows the user to extend the elements on the web page (created for use with 'textarea' elements, but no reason why it cannot be used elsewhere) with a bounce animation.

• Find out more
• Bugs and feature requests

• Animation and Effects
• Widgets

Color Animations

Last changed: 35 weeks 2 days ago

Adds the ability to do color animations to jQuery 1.2, and newer.

• Find out more
• Bugs and feature requests

• Animation and Effects
• jQuery Extensions

Countdown

Last changed: 17 weeks 3 days ago

A simple yet usefull plugin

It'll countdown time in seconds, untill zero. Then may reload the page.

example:
wait

It will show progressively:
50 secs = 00:50
3600 secs = 01:00:00
86400 secs = 1d 00:00:00
etc.

• Find out more
• Bugs and feature requests

• Animation and Effects
• DOM
• JavaScript
• User Interface

Default Animation Speed

Last changed: 19 weeks 4 days ago

This is a very simple plugin that allows you to set the default animation duration for all jQuery animations. As of this writing, jQuery 1.2.1 uses a hard-coded value of 400 milliseconds, with no-built in way to set the default (although it is easy enough to get the default.) I needed to be able to set this default globally and on-the-fly for an internal company project, so I decided to do it "the right way" and release it in case anyone else has the same problem.

The plugin adds one function to the global jQuery object (it is not chainable.) It accepts a single parameter, which is any valid animation speed setting.

Calling the function without any parameters or with invalid value will set the animation speed back to the default. The function returns the default animation speed as an integer.

You call the function like this:

$.setDefaultAnimationSpeed("slow");

• Find out more
• Bugs and feature requests

• Animation and Effects
• Integration
• jQuery Extensions
• Utilities

Drop Down Panel script

Drop Down Panel adds a pull down panel to the top of your page that contains external content fetched via Ajax. Visitors click on the protruding button to cause the panel to drop down and reveal its content. Clicking anywhere on the panel again closes it. You can easily customize the height of the Panel, button text (ie: "panel content"), and drop down speed in milliseconds. A plug and play Ajax drop down panel!

• Find out more
• Bugs and feature requests

• Ajax
• Animation and Effects
• Navigation
• User Interface
• Widgets

Easing Plugin

Last changed: 31 weeks 5 days ago

Allows you to set custom easing types for standard animations.

By George Smith.

• Find out more
• Bugs and feature requests

• Animation and Effects
• User Interface
• Utilities

Element gradient

Last changed: 38 weeks 3 days ago

This plugin requires the Dimensions plugin and jQuery version 1.1.3+.

It allows you to define a gradient fill and have an element filled with a linear gradient. You can set the direction of the gradient (right-left or up-down) and the opacity of the gradient easily.

There is a colorGradient plugin which seems similar but takes a collection of elements and applies a gradient to each element, whereas this plugin applies a gradient fill to all matched elements. If you look at our example pages, you can see the differences.

Probably it would be a good idea to merge these two plugins eventually.

• Find out more
• Bugs and feature requests

• Animation and Effects

Image Hover

Last changed: 3 weeks 3 days ago

Overview

ImgHover is a simple way to use hovering image on your site.

You can use fade effect to switch hovering images as well.

Usage

If you want to provide hovering behaviour to all the images, you can write simply like below;

{{{
$(document).ready(function(){
$('img').imghover();
});

}}}

When mouse-over this image, file "/your/path/original_o.gif" shows on the element.

Bulk Setting

You can call this method on the elements other than images as well.

{{{
$(document).ready(function(){
$('div.image-container').imghover();
});
}}}

In this case, ImgHover provides the function to the images under 'image-container' element.

Options

prefix

Create hovered image by original image name and prefix.
{{{
$('img').imghover({prefix: 'hover/'});

}}}

• Find out more
• Bugs and feature requests

• Animation and Effects
• User Interface

jqDock

Last changed: 5 weeks 1 day ago

Transform a set of images into a Mac-like Dock menu, horizontal or vertical, with icons that expand on rollover, and optional labels.

Requires jQuery v1.2.3

• Find out more
• Bugs and feature requests

• Animation and Effects
• Menus
• Navigation

jQuery fade anything plugin

Last changed: 31 weeks 2 days ago

Download:
http://jquery.com/plugins/project/fade
or
http://rongjunxue.viminta.com/wp-content/uploads/2007/10/fade_include_de...

Features:

• base on the fat.js which use in the wordpress.
• very easy to use.
• very pretty effect.
• bug fixed:mutiple element fade bug.

Online Demo:
http://rongjunxue.viminta.com/demo/fade/fadedemo.html

Method:
In this release,you can fade anything with “vkfade()” method:
$(”#output1″).vkfade(); //with no parameter,default color vaue is #ff8000.

or

$(”#output1″).vkfade(”eee000″); //with the RGB optional parameter

Report bug:
http://jquery.com/plugins/node/add/project_issue/fade/bug

• Find out more
• Bugs and feature requests

• Animation and Effects

jQuery Gallery Scroller

The jQuery jsGalScroll Plugin allows you to take a grouping of images and turn them into an scrolling photo gallery with pagination.

• Find out more
• Bugs and feature requests

• Animation and Effects
• Layout
• Media
• Navigation

jQuery Gallery Viewer

This is a port of http://www.flashimagegallery.com/pics/artwork ; takes a list of thumbnails and turns it into an image gallery that will allow the developer to style it how ever they want to.

• Find out more
• Bugs and feature requests

• Animation and Effects
• Media
• Widgets

jQuery Rolling

Last changed: 1 week 2 days ago

Simple rolling animation.
features
- rolling direction:"up", "down", "right", "left".
- reverse rolling on the fly.
- many samples.
- useful parameters(rolling time, viewing time, rolling animation frame).
- rolling start, stop, viewing, rolling, reverse event

$(function() {
var rollingDiv = $("#rolling");

rollingDiv.rolling("up", 130, 100, 1); // the direction, the width of item, the height of item, the count of viewing item(optional)

rollingDiv.addRollingItem("");
rollingDiv.addRollingItem("");

• Find out more
• Bugs and feature requests

• Animation and Effects

jQuery.jImageLink

Last changed: 15 weeks 3 days ago

Yupoo simulation plug-in is the function of the thumbnails, when the mouse hovers over the picture, shows a small icon, click can be a larger view, in combination with similar Lightwindow achieve the same kind of plug-picture display.

You can click here to see it!

• Find out more
• Bugs and feature requests

• Animation and Effects
• User Interface
• Widgets

jTruncSubstr

Last changed: 2 weeks 6 days ago

This is a jQuery plugin for trancation.

jTruncate is very useful plugin, but unfortunately it doesn't work for my mother toungue, Japanese, because this plugin seeks white-space as separator.

I added substring-mode on the plugin especially for east Asian languages (Chinese, Japanese or Korean).

In case you want to seek your language's separators, you can specify the characters.

• Find out more
• Bugs and feature requests

• Animation and Effects
• User Interface

liScroll a news ticker made easy

Basic left-scrolling news ticker with pause on mouseover. Based on an unorder list of links.

• Find out more
• Bugs and feature requests

• Animation and Effects
• Widgets

Map Hilight

Last changed: 7 weeks 3 days ago

Maphilight adds mouseover highlighting to images based on their imagemaps.

$('img[usemap]').maphilight();

It works with the Metadata plugin, allowing you to easily customize the display of different areas within the same map.

• Find out more
• Bugs and feature requests

• Animation and Effects

Password Strength Field

Last changed: 38 weeks 1 day ago

The jQuery password strength meter is a small plug in that provides an easy way to show the strength of a users password. It provides some simple options that allow you to customize the output.

• Find out more
• Bugs and feature requests

• Animation and Effects
• Events
• Forms
• JavaScript
• jQuery Extensions
• User Interface
• Utilities
• Widgets

ScrollShow

Last changed: 28 weeks 22 hours ago

ScrollShow is a very customizable slideshow, that relies on jQuery.ScrollTo, to slide(scroll) the items.
Documentation is included in the source file.
The plugin is still in beta stage, but will be soon (hopefully) stable.
Feedback and bug reports are very welcome.

• Find out more
• Bugs and feature requests

• Animation and Effects
• DOM
• Layout
• Navigation
• User Interface

SerialScroll

Last changed: 7 weeks 4 days ago

This plugin allows you to easily animate any series of elements, by sequentially scrolling them.
It uses jQuery.ScrollTo to achieve the scrolling animation.

jQuery.SerialScroll doesn't have one definite purpose. It's generic and adaptable.

You can certainly use it as a section slider. That is, to sequentially navigate a group of screens.
This plugin can also animate a text scroller in no time.
It can definitely handle slideshows, the high customizability of the scrolling effect lets you easily create beautiful animations.
With no extra code, you can even build a news ticker!

Three of these uses are exemplified in the demo.

Remember, it's not restricted to these situations. It will take care of any collection of html elements that you want to scroll consecutively.

• Find out more
• Bugs and feature requests

• Animation and Effects
• DOM
• Layout
• Menus
• Navigation
• User Interface

Smart Lists

Smart Lists is a light-weight jQuery extension that lets you convert 'flat' HTML lists of information into categorized, paginated lists. In essence, it's a presentation layer for improving the readability of related information, without need of a database or server-side script.

The configurable options include:

• Choice for the item hide/show effect (Blind, Fade/Appear, none)
• Choice for changing page effect (Blind, Fade/Appear, none)
• Control over speed at which effects occur
• Number of items per page
• Option to show/hide the number of items in each category
• Complete control over CSS classes (to ensure compatibility with any webpage)
• Downgrades gracefully (i.e. if JS not enabled)

• Find out more
• Bugs and feature requests

• Animation and Effects
• Data
• JavaScript
• jQuery Extensions
• Layout
• User Interface
• Widgets

Spoilers

Last changed: 39 weeks 4 days ago

Spoilers implements an idea first seen on imdb.com, where it is used to hide "spoiler" text from casual readers who may not want to know too many details about a film before seeing it. (An example of a "spoiler", in that context, would be revealing the identity of the culprit in a crime film.) This plugin hides "spoiler" text behind a graphic until the user mouses over the graphic, at which point the text is revealed.

• Find out more
• Bugs and feature requests

• Animation and Effects

Textgrad / Textscan

Last changed: 43 weeks 1 day ago

This plugin allows you to easily create a gradient on the color of text of the elements selected. It also makes possible to have a 'scanning' effet on the color of the text. See the homepage for more information, examples and download.

• Find out more
• Bugs and feature requests

• Animation and Effects
• User Interface