28,406
社区成员
发帖
与我相关
我的任务
分享图片放大缩小的话，怎么让图片上面的坐标也随之变化呢
<div style="position:absolute; left:144px; top:164px;"> <img border="0" src="hongD.gif"> </div>
<!-- 如何让这个坐标的left 和top 都随着变化呢，否则会造成坐标不准 -->
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign=top> <img id="oImg" src= "PYZDT2.jpg" width=400 border="0" style="zoom: 100%;"> </td>
</tr>
</table>
<button onmousedown="chgSize(true);" onmouseup="window.clearTimeout(oTime);">放大 </button>
<button onmousedown="chgSize(false);" onmouseup="window.clearTimeout(oTime);">缩小 </button>
</body>
<script language="javascript">
var oTime;
function chgSize(args) {
var oImg = document.all['oImg'];
oImg.style.zoom = parseInt(oImg.style.zoom) + (args ? +10 : -10) + '%';
oTime = window.setTimeout('chgSize(' + args + ')', 100);
}
document.onmouseup = function() {
window.clearTimeout(oTime);
}
</script>
<SCRIPT LANGUAGE=javascript FOR=document EVENT=onclick>
<!--
//document_onclick()
//-->
</SCRIPT>
上述代码存为HTML即可显示。。
图片类似下面的
如何点放大缩写使得坐标原点不错位呢
<!-- 如何让这个坐标的left 和top 都随着变化呢，否则会造成坐标不准 -->
<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign=top> <img id="oImg" src= "PYZDT2.jpg" width=400 border="0" style="zoom: 100%;"> </td>
</tr>
</table>
<button onmousedown="chgSize(true);" onmouseup="window.clearTimeout(oTime);">放大 </button>
<button onmousedown="chgSize(false);" onmouseup="window.clearTimeout(oTime);">缩小 </button>
</body>
<script language="javascript">
var oTime;
function chgSize(args) {
var oImg = document.all['oImg'];
oImg.style.zoom = parseInt(oImg.style.zoom) + (args ? +10 : -10) + '%';
oTime = window.setTimeout('chgSize(' + args + ')', 100);
}
document.onmouseup = function() {
window.clearTimeout(oTime);
}
</script>
<SCRIPT LANGUAGE=javascript FOR=document EVENT=onclick>
<!--
//document_onclick()
//-->
</SCRIPT>
上述代码存为HTML即可显示。。
图片类似下面的
如何点放大缩写使得坐标原点不错位呢
...全文
请发表友善的回复…
发表回复
nethp 2009-11-23
- 打赏
- 举报
觉得还是 Ajax 好点
majinlong7 2009-11-23
- 打赏
- 举报
帮顶
parss 2009-11-23
- 打赏
- 举报
先设置原点坐标，比如以图片的左上角为原点。
