Page 261 - Web_Application_v2.0_C12_Fb
P. 261
Output:
Example 66: To demonstrate the use of onmouseover event
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>JavaScript onmouseover</TITLE>
</HEAD>
<SCRIPT>
function changeColor(element) {
element.style.color = "red";
}
</SCRIPT>
</HEAD>
<BODY>
<p onmouseover="changeColor(this)">Hover over this text</p>
</BODY>
</HTML>
Output:
Example 67: To demonstrate the use of onmouseout event
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>JavaScript onmouseout</TITLE>
</HEAD>
<SCRIPT>
function resetColor(element) {
element.style.color = "black";
}
JavaScript Part 2 259

