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
   256   257   258   259   260   261   262   263   264   265   266