About US
          Contact Us

On Mouse Click

Chapter - 13 : On Mouse & On Key Commands (On Mouse Click): (Page 3/5)

(Cotinued from previous page)

13.4- On Mouse Over: This command works, as soon as your mouse pointer reaches on the position defined. This is defined along with the tern 'Mouse Out'. This also has got the command as

onmouseover='somefunction()' -
Activated when mouse pointer is over the object
onmouseout='somefunction()' -

Activated when mouse pointer get out from object

Some of its uses are -

a) To change the color of the text as soon as mouse goes over the text
<p onmouseover='this.style.color='blue'' onmouseout='this.style.color='black''>
Your Text </p>

In the above example as soon as mouse pointer reaches on 'Your Text', the font color will change to blue (FIG- 13.4). Whenever the mouse pointer goes out from text, it will become black (FIG- 13.3).

ClickOn Mouse b) To change the Image : If you want to toggle between two images on mouse movement -

<img src='old.gif'
onmouseout='src='old.gif'' />

On Mouse htmlOn Mouse Click in web pageweb page Mouse Click Here on your web page you will see the image old.gif (FIG- 13.5). But as soon as the pointer moves over it, the new.gif (FIG- 13.6) image will be visible. Again as mouse is out, the old.gif (FIG- 13.7) will be visible.

(Cont......... to next page (Pg-4))

On Mouse Click
© funandhobby.com (On Mouse Click)