62,046
社区成员
发帖
与我相关
我的任务
分享asp.net c# 如何在aspx中局部放大一张图片？
我有html的局部放大图片的代码
可是放到aspx里就报错了
要怎么改才能让html的和js的代码在aspx中也能用呢
html局部放大图片的代码
可是放到aspx里就报错了
要怎么改才能让html的和js的代码在aspx中也能用呢
html局部放大图片的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>emu</title>
</head>
<body>
<BR>
原图：<BR>
<img src="http://reimg.360quan.com/400/300/album/album.static.360quan.com/019/731/51/200711091844017907.jpg"
onmousemove='zoom()' id=srcImg>
<BR>
局部放大图：<BR>
<div style='overflow:hidden'><img id=zoomImg></div>
<script language="javascript" type="text/javascript">
<!--
zoomImg.src = srcImg.src;
srcImg.height = srcImg.height;
var zoomRate = 5;
zoomImg.height = srcImg.height*zoomRate;
zoomImg.parentNode.style.width = srcImg.width;
zoomImg.parentNode.style.height = srcImg.height;
function zoom(){
var elm = event.srcElement;
h = elm.offsetHeight/zoomRate/2;
w = elm.offsetWidth/zoomRate/2;
var x = event.x-elm.offsetLeft;
x=x<(elm.offsetWidth-w)?x<w?w:x:elm.offsetWidth-w;
zoomImg.style.marginLeft=(w-x)*zoomRate;
var y = event.y-elm.offsetTop;
y=y<(elm.offsetHeight-h)?y<h?h:y:elm.offsetHeight-h;
zoomImg.style.marginTop=(h-y)*zoomRate;
}
//-->
</script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
