jQuery Plugins

All Plugins

Scroll to Top

Filed in User Interface - over 3 years ago

If your pages are long winded, it's a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That's where this script comes in. It displays a stationary control at the lower right corner of the window that when clicked on gently scrolls the page back up to the top.

Scroll to Top

Scroll to Top

Filed in User Interface - over 3 years ago

Adds a fading scroll to top link with animated scrolling. It works like this:
If you’re already at the top of the page, the button is invisible and doesn’t fade in to view until the user starts scrolling. When they click on the link, it pulls them back to the top of the page and fades back out again.

Scroll to Top

Scrollable

Filed in Extensions, Navigation - over 3 years ago

Make your HTML elements scroll horizontally or vertically. Use mouse, mousewheel or keyboard arrows to scroll through these elements.

Scrollable

Scrollable Timeline: Horizontal Scroll Effect

Filed in Navigation - over 2 years ago

Create an awesome horizontal scroll effect using the overflow and scrollLeft DOM property & jQuery. This effect is similar to the social timeline display on plurk search.

Scrollable Timeline: Horizontal Scroll Effect

Scrolling Background Effect

Filed in Animation & Effects - over 3 years ago

This explains how to create a nice scrolling background effect like youlove.us. The technique is actually a lot simpler than it looks, it’s based around scrolling a very tall gradient image behind some transparent PNG images. The header image has a transparent background and solid text, while the main page is actually an image with the heading text as transparent cut outs.

Scrolling Background Effect

Search & Share

Filed in Utilities, Widgets - over 2 years ago

Search and Share makes highlighting text a more functional action. More specifically, it attempts to understand the intention of a user’s text selection and present a variety of options accordingly. The criteria for understanding the intention is the character length of the selection, and the interpreted actions are copying, searching and sharing.

Search & Share

Seek Attention

Filed in Effects, Windows & Overlays - over 3 years ago

The "seekAttention" plugin gracefully get's your users attention by fading out a definable area but leaving the target element (the element which is seeking attention) un-faded and thereby focusing the users attention on it.

Seek Attention

Setting Equal Heights with jQuery

Filed in Effects, User Interface - over 3 years ago

Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we've found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element's minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.

Setting Equal Heights with jQuery

Sexy Alert Box

Filed in Windows & Overlays - over 3 years ago

Sexy Alert Box is a “sexy” clone of classic Javascript alert. With a taste to lightbox, it changes the ugly alerts of windows for more attractive alerts!.

Sexy Alert Box

Sexy Curls

Filed in Effects - over 3 years ago

An open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold (page peel).

Sexy Curls
© 2007 - 2012 Plugins, Extensions & Tutorials by jQuery Plugins. We love jQuery.