Visual Effects

Just drag inside a container and it will smoothly scroll in a desired direction. If you release a mouse button, it will not stop immediately but instead decelerate, with respect to a force of a drag. SmoothScroll does not depend on any javascript framework, but you can use it along with any of those frameworks. Smooth Scroll Manager works in all major browsers including IE6 , IE7, IE8 , Safari, Firefox (1.5, 2, 3, 3.5) and Opera (9.64, 10).

Splash Tracker is a tiny DHTML animation. The random-image-engine creates a cursor trail out of a set of your images. Add as many images as you like. Easy configuration and installation. Crossbrowser: Internet Explorer 5x/6x/7x/8x, Firefox 2x/3x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x/5x/6x.

There are thousands of potential applications! Have a look at the LIVE PREVIEW to get an idea of how it can be used. Notable features include: * Unobtrusive JavaScript * Intuitive selection process (for elements) * Operable in all major browsers (IE6+, FF2 +, Safari, Opera, Chrome) * Fully customisable * Mousewheeel scrolling operable (without scrollbars) * Compatible with all major libraries * Only 10k (4k minified); i.e. the size of a small image * Easy-to-follow documentation Note: “HandScroller” makes use of NO JavaScript library. It is a stand-alone component and can be slotted into any project where needed. Minimal dependencies means maximum compatibility!

Create eye-catching bars with animated colors. Add as many horizontal or vertical bars as you like. Easy configuration of width, length, speed, fade-effect and gradient-effect. Two different gradient-effects for IE5x/6x/7x/8x. Standard effect for FF2x/3x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x/5x/6x.

This scripts uses jQuery scrollTop function to scroll to any ID of your html. So you can scroll to a div a link or anything else ! nice and easy to set up !

Based on jquery, this script will fetch data from your database and display it the same way that msn shows that you have a new message.

Animated Chart script generator allows you to create a bar graph table of the data given to it. This is a graph and chart animated javascript which can be incorparated into any webpages. Just input the data of the involved elements, the animated script will chart out an XY Graph.

This free javascript makes any specified image or picture from top of the page. You can add any kind of picture like snow or leaf image to fall. It can be used in any html page.

Tablify is a cross-browser JQuery plugin built to extremely simplify beautifying of standard HTML tables. Its advanced configuration options allow all the styles to be completely redesigned according to the website look and feel. Comes with 3 default styles, and 5 more styles in supplied extension.

This script is very simple but it does exactly what he is supposed to. Tested with IE7 and FF3.

Compact lightweight JavaScript library which extends DOM element by adding animation methods. Facilitates CSS properties and other parameters alteration along timeline. Supports parallel effects sets and effects chains. Has extended set of callbacks to adjust behavior.

This javascript will put a target div layer always at the same position in window whether window is scrolled up or down.

One of the absolutely-positioned DIV block manipulation script series, this sample will allow you to place such DIV block attached to another page element, allowing setting x and y offsets from the element's top left corner. Will help mitigate various browsers' rendering differences for specific page designs.

You can add that seasonal effect of cascading snow to your web pages with this easy to configure and install script, Just edit a few variables and away you go. You can alter the colors of Snow Flakes to any color and as many different colors as you like. Change the Letter or symbol of the Flakes i.e you could have a � symbol or a word. You can change the min and max size of the snowflake to give a varied size. You can choose the amount of snowflakes and speed at which they Fall. You can also choose to have the flakes falling over the whole page, just in the center, right side or left side of your Webpage.

Gchats Javascript color picker make it easy for you to let your users select color from a DHTML layer with single click. It's best choice to have multiple color selectors in a page.

GlassBox is a compact Javascript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. With GlassBox you can build transparent border, colorful layouts and "Flash-like" effects. The GlassBox library .. * is easy to use * is customizable and skinnable * comes with a coherent API (CSS based parameter) and a short introduction * includes a basic Ajax XHR for dynamic content loading * is tested with IE 6 + 7, Firefox 2, Opera 9 and Safari 3 (mac + win) * and is an open source project under MIT license http://www.glassbox-js.co m

The eqPageLoadingEffect script places a small 'firefox' style rotating image anywhere you like on a page. It will only show during the page load and then become invisible... It is ideal for large pages with a lot of bandwidth rich content. PLEASE NOTE: It currently only works with IE 5.5+, IE 6 and IE7... It didn't perform correctly under other browsers so a small browser check script was added to disable it completely on non-IE browsers.

This package contains a set of tools based mainly on javascript effects that allow to apply easily image preview floating panels, HTML formatted hints, attach sounds to buttons, floating HTML formatted text panels, animated popup windows, accordion effects, soft scrolling effects, animated RSS readers and a nice calendar. Adding this package of tools to your Dreamweaver will increase your productivity.

This is a simple slideshow script, implemented in unobtrusive javascript. Main feature is the smooth transition effects, using tiles created from the existing images. It can be easily integrated in any site.

Although some people do not aggree (Jacob Nielsen), In-Page-Links are frequently used on content heavier webpages to ease navigation. I myself am not a huge fan of this solution, but i see the need for it. My biggest complain is, that it often seems to confuse users - "Where am I now", "How did I get here" - because clicking the link does not perform the expected action. Instead of going to another page, it performs some kind of scrolling, but skips the important visual hints. Luckily using prototype.js and script.aculo.us it is dead simple (13 loc) sprinkle some usability on your page. To save you a few minutes i packaged it up in inpage.js