Display Different Images for onmouseover and onmouseout Using JavaScript

vijayrami October 12, 2017
With Below Script you can easily display different images onmouseover and onmouseout Using JavaScript.

<!DOCTYPE html>
<html>
    <head>
        <script language="Javascript">
            <!--
            //Slide Show script (this notice must stay intact)
            //For this and more scripts
            //visit java-scripts.net or http://wsabstract.com

            if (document.images) {
                button1 = new Image;
                button2 = new Image;

                button1.src = 'img1.gif';
                button2.src = 'img2.gif';
            }
            //-->
        </script>
    </head>
    <body>

        <a href="http://java-scripts.net" onmouseover="document.rollover.src=button2.src" onmouseout="document.rollover.src=button1.src"><img src="img1.gif" border=0 name="rollover"></a>

    </body>
</html>

Upload Below Images:



Tags

Post a Comment

0 Comments