Top Rated Scripts | JavaScript | Scripts & Programs | Visual Effects

With this plugin you transform symbols ( :) / :D / :X ) from your website, in yahoo smileys.

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.

A JavaScript Slideshow script. In the slideshow effect can be added images or any other HTML content. This JavaScript Slideshow is simple and easy to customize, you can add Start, Stop, Previous, and Next buttons for slideshow, or to load the effect after the page loads.

Easily create ripples in your text and images with this script. Small and simple to implement. If combined with setTimeout you can then ANIMATE the ripples (change the phase parameter). Requires IE 5.5+

Script allows developers to easily embed an expandable/collapsible "content area" (table based) into a webpage that allows visitors a quick way to hide unwanted content from display.- IE 5.5+ ONLY-No code is required to be within table elements or DIV container-Tables within tables are supported-Supports elements inside "content" cell such as <span>

This is a simple script diplaying a simple treeview from a list of 'folders' and 'files' ordered in an html list an designed using CSS and 4 tiny background images. The script contains a live example and is easily customizable.

Dynamically demonstrate on a div and an image the Slide and GradientWipe transition effects. Requires IE 5.5+

This standalone script or jquery plugin can create a glint light effect on HTML page elements. It creates a canvas object to render a glint light image effect that is going to be displayed on top of a given HTML web page element. The object periodically changes the position of the glint image to give the sensation of a light being moved over the target page element. The glint image can be animated horizontally or vertically. The animation speed, the glint image color and angle are configurable parameters.

Dynamically add motion blur filter to your div. Applies a motion blur to the images, background colors and text. Requires IE 5.5+

Easily create a shadow or dropshadow for your text and images. Simple script, sample provided. Requires IE 5.5+

This cut-and-paste script and mini-tutorial presents text surrounded by three changing 'glow' colors, while also shifting the vertical and horizontal layout for a striking animation effect strongly resembling neon light displays. Colors, dimensions, and rate are all settable. An easy install.

This object can apply the blur effect to HTML page elements. It takes the identifier of a given page element and starts an animation effect that progressively alters CSS properties of that element that make it appear blurred. Different CSS properties may be altered depending on the capabilities of the current browser. The object can also execute an animation that reverts the blur effect of the element. There are versions of the object either based or not in the jQuery library.

Easy, short, cut-and-paste script causes all page scrollbars to rotate in three colors. On/off control (optional) can turn effect on and off via links in the page. A really neat effect to draw attention to the page.

This is a simple sequence image viewer. just click on the image and drag right or left.

This object can animate HTML page elements using the laws of physics. It uses the Box2DWeb library to animate given page elements so they move, rotate and collide according to laws of physics. The gravity acceleration and direction is a configurable options. Given callback functions may be invoked when objects collide. Objects speed and rotation may be affected when the user drags them using the mouse pointer. Each page element be made static or animated. Animated page elements may include the respective children elements. The elements' friction and density properties can also be configured.

This script can transform those dull square DIVs into nice cool-looking DIVs with round corners. So, more or less what you can do with the Mozilla CSS property -moz-border-radius, but something that will work in other browsers too. I know there's already heaps of scripts that can do something like that for you, but all these scripts require a lot of additional HTML code, CSS code and images, which makes it both hard to implement and creates ugly code. This script is unique in that you only have to add a class-name (that you can pick yourself!) to your DIV, and the script will take care of the rest. No images needed!

Create a quick light effect, as if tiny stars were moving each time you use mouse.

Create easy sprite animations using EaselJS This is merely a code snippet that has a basic setup for sprite animations. It runs with EaselJS v0.8.0+ I mainly created this because I had a hard time going through EaselJS' documentation and it took some trial and error to find the right setup. If you have a DOM app and want to create some fast spritesheets in WebGL, which fall back to Canvas, then this might be of help. EaselJS has everything covered for you, including use of requestAnimationFrame.

Use this visual DHTML script to transform regular text/ image into depressible buttons.

Basilico TopLink make a top button into your webpage: on bottom-right on desktop and on top on mobile phones. It uses css3 fade effect and media query where available. On mobile: TopLink reacts according to phones support touch or simulate mouse and to don't overload the browser it go to top directly.