JavaScript Program to Show Border to Image on Mouse Over it

JavaScript Program to Show Border to Image on Mouse Over it

Write a JavaScript program to show border to image on mouse over it.



Source Code
<html>
<head>
    <title>Show border to hover image</title>
    <script>
        function showActiveImage(image)
        {
        imageArray = document.images;

        if(imageArray != null)
        {
            for(i=0; i<imageArray.length; i++)
            {
                imageArray[i].border="0";
            }
        }
        image.border = "4";
       }
    </script>
</head>
<body>
<center>
    <img src="apple.gif" width="150" onmouseover="showActiveImage(this)">
    <img src="mango.gif" width="150" onmouseover="showActiveImage(this)">
    <img src="grapes.gif" width="150" onmouseover="showActiveImage(this)">
</center>
</body>
</html>
Output