Because the last page was sorta' long, this page has been made to finish the explaination of HTML. If you would like a better source of info, refer to TopsHosts.com for more HTML info.

ROLL-OVERS:

Something that is a little of everything, roll-overs allow your web page to interact with the user's mouse (example, "roll-over" your mouse on the following word):

WELCOME!!!

The tag for roll-overs is similar to the dynamic HTML used before, using the SPAN command to change the properties of your web page. The tag is as follows...

<SPAN onMouseOver="style.color='red'" onMouseOut="style.color='white'">WELCOME!!!</SPAN>

There are other aspects of the SPAN command you can use with roll-overs:

NOTE:

onAbort- Applies to images and (gif, jpg, bitmap, etc.)
onBlur- Applies to windows, form elements, and frames
onClick- Applies to buttons, radio buttons, checkboxes, submit buttons, reset buttons, links and etc.
onChange- Applies to text fields, textareas, select lists
onError- Applies to windows and images
onFocus- Applies to windows, frames, and all form elements
onLoad- Applies to body and images
onMouseOver- Applies to areas and links
onMouseOut- Applies to areas and links
onReset- Applies to forms only
onSelect- Applies to text fields and text areas
onSubmit- Applies to Submit Button(s)
onUnload- Applies to body areas

You can also change the roll-over from color to bold or font size. Observe the following and roll your mouse over the words:

BOLD!!

FONT SIZE!!

BACKGROUND!!

BOLD!!	<SPAN onMouseOver="style.fontWeight='bold'" onMouseOut="style.fontWeight='normal'">BOLD!!</SPAN>
FONT SIZE!!	<SPAN onMouseOver="style.fontWeight='bold'; style.fontStyle='normal'; style.fontSize='26pt'" onMouseOut="style.fontWeight='normal'; style.fontStyle='normal'; style.fontSize='12pt'">FONT SIZE!!</SPAN>
BACKGROUND!!	<SPAN onMouseOver="style.backgroundColor='red'" onMouseOut="style.backgroundColor='transparent'">BACKGROUND!!</SPAN>

For More Information, refer to the best HTML knowledge site on the net... TopHosts.com.