This useful tool helps in creating Javascript code to handle rollover effects, allowing you to make buttons that "light up" or "come alive" when you interact with them using the mouse. Simply follow the steps on the left and you'll be on your way. Read this yellow box for example effects, and help with various aspects of the coder.

Even though this coder only works on Internet Explorer 5.5 (and above), the output should work on other browsers such as Netscape. The exception is that dynamic effects will be ignored on anything but IE5.5 and above.

Still having trouble? If so, feel free to post a question in our forum and you will be helped!

These examples show off the types of effects that the coder can handle. When you click on an example below, it will automatically adjust all the options fields as appropriate, and then pop-up a window showing the result. Feel free to experiment with the settings after loading an example.

Infinite Fish Button:
These examples use one image in conjunction with IE-specific filters to accomplish their effects. No image preloading is necessary with these, making them very efficient.
• Fade Pulse (animated)
• Jump Off Page (basic)
• Bouncing Shadow (animated)

Eyeland Studio Metal Logo:
In this example, 10 images are used to animate a metal logo being "built". Notice how the animation starts to "build" on rollover and "unbuilds" back to nothing on rollout. It will only "unanimate" as much as was "animated" while the cursor was over the button.
• Metal Logo (solid)
• Metal Logo (with transparency)

For more information on various aspects of the Coder, click the links below.
• What is a "rollover"?
• Auto-Determine Button
• Locking Pixel Dimensions
• Drop Shadows
• Known Issues