用滚轮实现图片缩放

转载 2007年09月25日 15:15:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用滚轮实现图片缩放</title>
</head>
<script language="JavaScript">
function zoomimg(img){
  
//img.style.zoom获取img对象的缩放比例,并转为十进制整数
  var zoom = parseInt(img.style.zoom,10);
  
if (isNaN(zoom)){    //当zoom非数字时zoom默认为100%
    zoom = 100;
  }

  
//event.wheelDelta滚轮移动量上移+120,下移-120;显示比例每次增减10%
  zoom += event.wheelDelta / 12;
  
//当zoom大于10%时重新设置显示比例
  if (zoom>10) img.style.zoom = zoom + "%";
}

</script>
<body>
<br>
<!--onmousewheel:当滚轮移动时触发-->
<img src="001.gif" onmousewheel="zoomimg(this)">
</body>
</html>
 

C#图片浏览器(实现鼠标滚轮放大/缩小图片/QQ截图功能)

  • 2012年08月24日 20:29
  • 4.5MB
  • 下载

【前端开发实例】JS CSS - 鼠标滚轮实现图片缩放 -(五)

【前端开发实例】JS CSS - 鼠标滚轮实现图片缩放 -(五)
  • JasonAPoint
  • JasonAPoint
  • 2017年11月29日 22:24
  • 203

jquery滚轮实现图片缩放

无标题文档 $(function(){ function zoomImg(o) { var zoom = parseInt(o.style.zoom, 10) || 10...
  • chenguandong
  • chenguandong
  • 2011年12月17日 02:18
  • 1005

js鼠标滚轮放大缩小图片

s鼠标滚轮放大缩小图片
  • wu7zhi
  • wu7zhi
  • 2016年04月18日 10:22
  • 1142

WEB页面中如何自动成比例缩放图片,鼠标滚轮缩放

---------------------原始代码-------------------------------"http://www.w3.org/TR/html4/loose.dtd">无标题文档...
  • deng2001
  • deng2001
  • 2005年06月15日 09:41
  • 1673

js滚轮控制图片的放大缩小

1、添加一张图片 id="chgImg" src="1.jpg" width="760" onmousewheel="return bigimg(this)" style="cursor:point...
  • luckydie
  • luckydie
  • 2017年10月14日 11:27
  • 153

jquery 鼠标滚轮实现图片缩放

无标题文档 $(function(){ function zoomImg(o) { var zoom = parseInt(o.style.zoom, 10) || 100; zoom += ...
  • tomcat_2014
  • tomcat_2014
  • 2015年11月13日 14:56
  • 6844

鼠标滚动实现图片的放大和缩小(C#2.0)

 private void pictureEdit1_Properties_MouseWheel(object sender, MouseEventArgs e)        {          ...
  • topzg
  • topzg
  • 2007年10月18日 14:55
  • 1156

pictureBox里用滚轮实现 放大缩小功能

        [DllImport("user32.dll")]        public static extern int WindowFromPoint(int xPoint, int yP...
  • a316019667
  • a316019667
  • 2011年01月07日 17:07
  • 4809

js实现鼠标滚轮控制图片缩放效果的方法(转)

作者:代码家园 字体:[增加 减小] 类型:转载 时间:2015-02-20 这篇文章主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascri...
  • dragoo1
  • dragoo1
  • 2016年07月19日 11:09
  • 1372
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用滚轮实现图片缩放
举报原因:
原因补充:

(最多只允许输入30个字)