123Webmaster.com : ToolBox : Mouse Over Button Coder

This online coder will produce the script to enable you to make custom mouse over button effects on your site.


Enter Your Image Locations Here

Original Image
(Image URL)
Rollover Image
(Image URL)

Link Options

Clickable? Yes No
Link Destination
(Choose one type)
WWW link: http://
EMAIL link: mailto:

Image Options

Border Width
(In pixels)
Alternate Text
(Displayed before image loads, or with a text-based browser)
Image Dimensions
(In pixels)

The Get Dimensions button will attempt to load the original state image and determine its dimensions automatically. Make sure the original image exists at the specified location.


Rollover Image Code

This code segment controls the rollover effect, and incorporates the images and settings from above. Copy and paste this code into the body of your HTML file at the point where you want the image and rollover effect to appear.

Preload Image Code

This code segment will preload the rollover state image, so that it might already be loaded by the time the user first rolls the mouse cursor over the image. Copy and paste this code into the bottom of your HTML file, just before the </html> tag.

123webmaster acknowledges Infinite Fish For This Code.
Copyright ©1998, Infinite Fish. All Rights Reserved.
Questions, comments, or suggestions?
Email: sb@infinitefish.com

This Site or Any Part Of It Can Not Be Redistributed. View Big Resources Privacy Statement

Click Here!