The Mouseover Event

When you put the mouse over this text, notice the bottom bar.

MOUSEOVER

Here is the script for this mouseover event:
If you cut and paste the code, make sure you place the portion between the two SCRIPT tags between the two Head tags. The code below consists of an HTML form which calls a script to produce a window with the script specified within the form. The form.txt1.value is the variable containing the text in the form, and the MsgBox function produces the message box. The javascript uses the alert Javascript function to produce the alert window.

<a href="http://www.millsaps.edu" onmouseover="window.status='this is a mousover event...'; return true">
MOUSEOVER</A><br>

The onmouseover event handler changes the status bar message by changing the window.status property to the desired text (i.e. onmouseover="window.status='this is a mouseover event...'; return true"). That is is the crucial portion of this javascript.

 More Popular JavaScript Uses

Home
Talk to the authors! Credits