<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>JavaScript Test</title>
</head>
<script type="text/javascript">
//*******
//鼠标移入显示大图片
//*******
function yiru(t){
var ei = document.getElementById("big_image");
ei.style.display = "block";
ei.innerHTML = '<img src="' + t.src + '" width="280px" height="280px" />';
ei.style.top =document.body.scrollTop+window.event.clientY+10+"px";
ei.style.left =window.event.clientX+10+"px";
}
//*******
//鼠标移出隐藏大图片
//*******
function yichu(){
var ei = document.getElementById("big_image");
ei.innerHTML = "";
ei.style.display = "none";
}
</script>
<body>
<form id="form1" runat="server">
<div id="big_image" style="position: absolute; display: none; z-index: 2; border: 0px solid #f4f4f4;">
</div>
<div>
<table>
<tr>
<td style="width: 152px">
<img border="0" src="images/http_imgload.jpg" onmousemove="yiru(this);" onmouseout="yichu(this);" style="width: 148px; height: 134px" />
</td>
</tr>
</table>
</div>
<br />
<br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
</form>
</body>
</html>