Total Pageviews

7 May 2012

How use popup on mouse event in ASP.net

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
     <img src="legal1.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; top: 50px; border: 1px solid black; padding: 10px; background-color: #FF9900; text-align: justify; font-size: 11px; width: 368px;'>
       <h3>Hi</h3>
<p>Amrit Yadav</p>
<p>.NET Programer</p>
<p>In2/1</p>
<p><b>Delhi</b></p>
<h4><a href="http://ambrosia-amrit.blogspot.in/">Visit Here</a></h4>
       </div>
    </form>
</body>
</html>

No comments:

Post a Comment

Contact Form

Name

Email *

Message *