How to create POPUP onmouseover Link?

Here we will learn that how to create POPUP onmouseover click event in asp.net application with c# and use design and code .

Here is Code onmouseover event and design:....

<form id="form1" runat="server">

   

    <a onmouseover="document.getElementById('panku popup').style.display = 'block' "  " onfocus='this.panku();'>

    <span style="text-decoration: underline;"><span class="style1"><strong><em>

    <span class="style2">Please Visit Here...</span></span></em></strong></span></a>

       <div id='panku popup' style='display: none; position: absolute; left: 50px; top: 50px; border: solid black 1px; padding: 10px; color:White; background-color:Green; text-align: justify; font-size: 12px; width: 135px;'>

        <span class="style2">

        <asp:CheckBox ID="ch1" runat="server" Text="Asp.net"  /><br />

       

        <asp:CheckBox ID="ch2" runat="server" Text="Jquerry" /><br />

        <asp:CheckBox

            ID="ch3" runat="server" Text="Crystal Report"/>

   

    <br />

        </span>

    <div style='text-align: center;'><a onmouseover='this.style.cursor="pointer" '

            onfocus='this.panku();'

            onclick="document.getElementById('panku popup').style.display ='none' "

            class="style2" ><span style="text-decoration: underline;">Close</span></a></div>

       </div>

    </form>

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>