ZoomIn & ZoomOut of image on mouse over event


 

<html>

     <head>

          <title>Sample Code</title>

          <script language='javascript'>

          function zoomIn ()

          {

               document.getElementById('myImage').style.height=350;

               document.getElementById('myImage').style.width=400;

          }

          function zoomOut()

          {

               document.getElementById('myImage').style.height=100;

               document.getElementById('myImage').style.width=150;

          }

         </script>

     </head>

     <body bgcolor=#00ff00 alink=blue vlink=blue>

          <FORM name="windowEvent">

               <img src="D:\551005.JPG" name="myImage" height="100" width="150" onmouseover='zoomIn ();' onmouseout='zoomOut();'> </img>

          </FORM>

     </body>

</html>


Ebook Download
View all
Learn
View all