<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %>
<!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 id="Head1" runat="server">
<title>测试</title>
</head>
<body>
<script type="text/javascript">
function show(_this) {
document.getElementById("enlarge_images").innerHTML = "<img src='" + _this.src + "' >";
}
function hide(_this) {
document.getElementById("enlarge_images").innerHTML = "";
}
function move_layer(event) {
event = event || window.event;
enlarge_images.style.left = event.clientX + document.body.scrollLeft + 10;
enlarge_images.style.top = event.clientY + document.body.scrollTop + 10;
}
document.onmousemove = move_layer;
</script>
<form id="form1" runat="server">
<div align="center" style="overfow: hidden; width: 100px; height: 100px">
<img src="https://img3.duote.com/duoteimg/dtnew_recom_img/202008/20200812163506_69310.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"/>
</div>
<div align="center" style="overfow: hidden; width: 100px; height: 100px">
<img src="https://img3.duote.com/duoteimg/dtnew_recom_img/202008/20200812163506_69310.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"/>
</div>
<div align="center" style="overfow: hidden; width: 100px; height: 100px">
<img src="https://img3.duote.com/duoteimg/dtnew_recom_img/202008/20200812163506_69310.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"/>
</div>
<div id="enlarge_images" style="position: absolute; z-index:2"></div>
</form>
</body>
</html>
1861资源网
http://www.zywlyy.cn/
|
1861资源网 软件下载
使用手机软件扫描微信二维码
关注我们可获取更多热点资讯
感谢网络科技公司技术支持