<table>
<tr onmouseover="this.style.background='#f1f1f1';"
onmouseout="this.style.background='#cfcfcf';">
<td > this is table cell </td><td> this is another </td></tr>
</table>
this is table cell Place your mouse here | this is another cell Place your mouse here |
<A HREF="../" onmouseover="document.my_image.src=''images/wrong.jpg''"
onmouseout="document.my_image.src=''images/correct.jpg''" ><img src=images/correct.jpg name=my_image border=''0''></a>
Using this technique a push button type image button can be developed. On button is first displayed and the second button with Push effect is displayed once the mouse is placed over it.
<A HREF="../" onmouseover="document.my_image2.src='images/cross2.png'"
onmouseout="document.my_image2.src='images/tick2.png'" ><img src=images/tick2.png name=my_image2 border='0'></a>
<br><br>
<A HREF="../" onmouseover="document.my_image3.src='images/cross3.png'"
onmouseout="document.my_image3.src='images/tick3.png'" ><img src=images/tick3.png name=my_image3 border='0'></a>
<br><br>
<A HREF="../" onmouseover="document.my_image4.src='images/cross4.png'"
onmouseout="document.my_image4.src='images/tick4.png'" ><img src=images/tick4.png name=my_image4 border='0'></a>
Event HandlingonMouseDown and onMouseUP