How to create POPUP onmouseover,onmouseout, onfocus on Image?

Here we will use that how to create some important event popup as onmouseover,onmouseout,onfocus in asp.net application through c# it is very usedfull popup in asp.net technology.

Here start design page and configure some property in asp.net page....

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

    <img src="edit pankaj.jpg"

        onmouseover="document.getElementById('PopUp').style.display = 'block' "

        onmouseout="document.getElementById('PopUp').style.display = 'none' "

        onfocus='this.blur();' style="width: 204px; height: 141px"/>

        <div id='PopUp' style='display: none; position: absolute; left: 50px;  border: 1px solid black; padding: 10px; background-color:Purple; color:White; text-align: justify; font-size: 11px; width: 368px;'>

       <h3 style="color:White">.NET LOVER</h3>

<p>Pankaj Kumar Singh</p>

<p>Software Engineer</p>

<p>IT Industry</p>

<p><b>Asp .net Lover</b></p>

<h4 style="color:White">http://dotnetluv.blogspot.in//</h4>

       </div>

</asp:Content>