The Roll-Over Button Tutorial

The Basics

The above button is called a roll-over button. What this means is that when you place the cursor over the button, the images changes. In addition, when you click on them, the button image changes again. This is a cool effect that can jazz up your pages. When you click on the above button, you will go to a page that contains only a button, nothing else. This is to keep the tutorial as simple as possible. View the Source code. It contains all you need to create your very own fabulous buttons. Don't let the apparent complexity bother you, just read the comments and you'll do fine.