将下边的代码直接复至到一个新的Html文档,即可查看效果
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>缩放图片</title>
<script language="javascript">
function imgZoom(e, o)
{ var zoom = parseInt(o.style.zoom, 10) || 100;
zoom -= event.wheelDelta / 12;
if (zoom > 0) o.style.zoom = zoom + '%';
return false;
}
</SCRIPT>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table border="0" width="100%" height="100%" id="table1" cellspacing="0" cellpadding="0" bordercolorlight="#FFFF00">
<tr><td align="center" valign="top">
<img id="imgZoom" οnmοusedοwn="if(self.startMove)startMove(this,event)" onmousewheel="return imgZoom(event,this)" src="images/draw.jpg"></td></tr>
</table>
</body>
利用鼠标滚轮实现图片缩放
最新推荐文章于 2024-04-08 11:20:57 发布