87,907
社区成员
发帖
与我相关
我的任务
分享大家好：在html页面上如何实现按放大按钮图片的任意放大和按缩小按钮就图片的任意缩小
大家好：在html页面上如何实现按放大按钮图片的任意放大和按缩小按钮就图片的任意缩小
...全文
请发表友善的回复…
发表回复
icewolf_li 2004-08-17
- 打赏
- 举报
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<script>
function ZoomIt(o,flag){
var zoom=parseInt(o.style.zoom, 10)||100;
eval('zoom'+flag+'=10;');
if (zoom>0)
o.style.zoom=zoom+'%';
return;
}
</script>
<img src=http://image.sportscn.com/center/stock/2002/9/13/1031903400_m2.jpg id=imgTest name=imgTest>
<br>
<input type=button onclick=javascript:ZoomIt(imgTest,'+') value='Zoom In'>
<input type=button onclick=javascript:ZoomIt(imgTest,'-') value='Zoom Out'>
</BODY>
</HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<script>
function ZoomIt(o,flag){
var zoom=parseInt(o.style.zoom, 10)||100;
eval('zoom'+flag+'=10;');
if (zoom>0)
o.style.zoom=zoom+'%';
return;
}
</script>
<img src=http://image.sportscn.com/center/stock/2002/9/13/1031903400_m2.jpg id=imgTest name=imgTest>
<br>
<input type=button onclick=javascript:ZoomIt(imgTest,'+') value='Zoom In'>
<input type=button onclick=javascript:ZoomIt(imgTest,'-') value='Zoom Out'>
</BODY>
</HTML>
