You can use the Rollover Maker code generator tools to quickly and easily generate the HTML and Javascript source code for ten different rollover effects. A "rollover" (or "mouseover") is a DHTML technique that changes some aspect of a Web page element when the user's mouse rolls over it (on "mouseover") or off it (on "mouseout"). Click on the name of any tool listed below to make your own rollover effects.
1) Changing Text - changes text on mouseover then changes it again on mouseout.
Try it out:
Roll your mouse over this text.
2) Changing Text Color - changes text color on mouseover, then changes it back on mouseout.
Try it out: Roll your mouse over this text.
3) Changing Table Color - changes the background color of an entire table on mouseover and changes it again on mouseout.
Try it out by rolling your mouse over the table below:
First cell
Second cell
Third cell
Fourth cell
4) Changing Cell Color - changes the background color of a single table cell on mouseover and changes it again on mouseout.
Try it out by rolling your mouse over any cell in the table below:
First cell
Second cell
Third cell
Fourth cell
5) Bigger Text - makes text turn bigger on mouseover.
Try it out:
Roll your mouse over this text.
6) Status Bar Message - displays a message in the browser's status bar on mouseover (the bar at the bottom of the browser window).
Try it out:
Roll your mouse over this text.
7) Changing Cursor - changes the cursor style on mouseover and changes it back on mouseout.
Try it out: Roll your mouse over this text.
8) Bold Text - turns text bold on mouseover, then changes it back on mouseout.
Try it out: Roll your mouse over this text.
9) Italic Text - turns text italic on mouseover, then changes it back on mouseout.
Try it out: Roll your mouse over this text.
10) Image Swap - switches from one image to another on mouseover then switches back on mouseout.
Try it out by rolling your mouse over the image below:
