Visual Effects

Several code snippets to dynamically change the color of your scrollbar. Much easier than some of the more confusing versions out there. Control the color of your scrollbar using the links on your site. Control the color using onMouseOver, onMouseOut, onClick, and a combination of all of them.

Use these instructions to create onMouseover/onMouseout color effects within tables. Change table rows or table cells bgcolor when mouse moves over elements of the table. This script works on IE only.

This JavaScript shows how to have a status bar show the progress of something in graphic. This bar shows 10 steps until the status event is completed.

Changes the color of IE5+ scrollbars in a page dynamically, via a very simple JavaScript function; shows how to attach the scrollbar color change function to links and to mouseOver and other events for some great effects.

cool fade is a short JavaScript that allows you to add a very cool "additive" color fade. It can be easilly customized to the size/colours you desire.

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.

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.

Expose your webpage to the awesome effect of lightening, using this JavaScript.

Bubbles drift upwards, then vanish on your page, with this visual effect script.

This decorative script animates flying bats at any specified location on your webpage, and can be set to dismiss after x seconds. The perfect script to implement on Halloween. Updated for increased efficiency NS6 compatibility.

DHTML can render sophisticated interfaces, as this script illustrates. It's a dynamic progress bar, similar to the "loading" bar of your computer OS. Use it to graphically countdown to any event, for example.

Create a text or image watermark that stays in the same place on a page even when the page is scrolled. Works in both Internet Explorer and Netscape 4+.

With this DHTML script, a butterfly wonders aimlessly around your page. The little insect can be dismissed by clicking on it. Add a touch of nature.

Using dynamic HTML layers, you can perform complex full-screen animation without requiring a huge image. This example was made using Macromedia's DreamWeaver.

This example uses dynamic HTML and an animated gif to give a butterfly motion across the screen. The example works in both browsers, but it is believed to run better in Netscape 4.0x, to see how the dHTML is done View::Page Source in your browser.

This is an energetic little text script that bounces a message around your visitor's window screen. Not only can you add HTML to the mix, but also, configure precisely the speed of the animation, and whether the message should disappear after x seconds.

This is a TV-like message banner script that creates a "always-on-top" message, centered at the bottom of the surfer's screen. Use it to display a message that's constantly visible on your user's screen.

Neon lights are an effective way in which to draw attention to signs and banners on the street, and now, to your webpage text as well. Requires IE 4+ to work, with all other browsers seeing simply the plain version of the text.

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

This is a JavaScript which will place a floating image in the bottom corner of a web browser. If you've visted sites on GeoCities lately you've probably seen the floating logo they have in the bottom corner, this script does the same kind of thing.