Change ASP.Net Image Url on mouse over (hover) using JavasSript

Hi sarash,

Refer below code.

HTML

<div id="container">
    <asp:Image ID="bulbPic" runat="server" ImageUrl="~/pics/bulboff.gif" onmouseout="turnOffTheBulb()" onmouseenter="turnOnTheBulb()"/>
</div>
<script>
    var $ = document;
    var bulbPic = $.getElementById("bulbPic");
    function turnOnTheBulb() {
        bulbPic.src = "pics/bulbon.gif";
    }

    function turnOffTheBulb() {
        bulbPic.src = "pics/bulboff.gif";
    }
</script>
<style>
    #container {
        margin-top: 100px;
        margin-left: 600px;
    }
</style>

Screenshot