Mouse Over Buttons

Using buttons with the on mouseover effect, or sometimes called the roll-over effect, can help your visitors find their way around your site, and make it stand out.

Below are a few example buttons, plus, you will find examples you can download just to get you started.

If you use Internet Explorer, then, right click on any button and select " Save picture as".

If you use Netscape, then, right click on any button and select " Save image as".

Mainly for a light background

		Becomes
		Becomes
		Becomes
		Becomes
		Becomes
		Becomes
		Becomes

Help 1

Download Example with Instructions to create your first Mouse Over Buttons

Some More

Create an Interface

Create a Interface bar like the one on the left using Mouse Over Buttons. Transparency Optimized .gif's to work on any Background Colour Download Working Example of a ready made page including the buttons. All you have to do is add your own text to the buttons ( See bottom of page for a link to a Free Util ) using any graphics editor. The other thing you have to do is to put your own page links in. That easy.

Build a Simple Nav Bar

Some smaller buttons

DHTML

You can also use DHTML to get a MouseOver effect in a table as set out below. Change Border Colours and Background Colours to suit yourself. Works in Explorer and Netscape Download  a text file that you can save to show you exactly how it is done.

Enter my Freebits Competition and you could win a full version copy of Flash Menu Builder, or a choice from 23 other titles.

Go to my CoffeeCup Page to see a list of all the available titles and offers.

Framed Pages