onmousewheel event 缩放图片效果

更新时间：2006年09月06日 00:00:00 作者：

<HTML>  <HEAD>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <TITLE>onMouseWheel Event Sample－www.51windows.Net</TITLE>  <SCRIPT>  var count = 10;  function Picture()  {  count = Counting(count);  Resize(count);  return false;  }  function Counting(count){  if (event.wheelDelta >= 120)  count++;  else if (event.wheelDelta <= -120)  count--;  return count;  }  function Resize(count){  oImage.style.zoom = count + '0%';  oCounter.innerText = count + '0%';  }  </SCRIPT>  </HEAD>  <BODY>  <h1>onmousewheel event</h1>  <P>  This sample uses the onmousewheel event to expand or contract the picture below.   Move the cursor over the picture and roll the mouse wheel up and down.</P>  <span style="font-weight:bold">Size =  <span id="oCounter" style="color:red;">100%</span></span>    <img id="oImage" src="https://www.jb51.net/logos.gif" onmousewheel="return Picture();" >        <A HREF="http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousewheelEX.htm" target="_blank">http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousewheelEX.htm</A>.  </BODY>  </HTML>  <div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">  <input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JS使用svg-captcha生成图片验证码的示例代码
nodejs(nestjs)后端开发过程中会有一个需要生成图片验证码的功能,其能减少机器人攻击操作,本文我们通过 svg-captcha,来实现一个验证码功能,并且小小的优化一下其逻辑,需要的朋友可以参考下
2024-06-06
JavaScript变量类型以及变量作用域详解
这篇文章主要为大家详细介绍了JavaScript变量类型以及变量作用域的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
javascript的惯性运动实现代码实例
这篇文章主要介绍了javascript的惯性运动实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
前端流式输出的三种实现方法
这篇文章主要介绍了前端流式输出的三种实现方法,流式输出在前端开发中用于逐步处理和显示数据,特别是对于大型数据集和实时数据,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-11-11
JavaScript实现瀑布动画
这篇文章主要为大家详细介绍了JavaScript实现瀑布动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
比较简单的异步加载JS文件的代码
异步加载JS文件的实现函数代码。
2009-07-07
javascript创建页面蒙板的一些知识技巧总结
javascript创建页面蒙板的一些知识技巧总结...
2007-08-08
js中鼠标滚轮事件详解(firefox多浏览器)
之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控制，滚轮事件其中考虑浏览器兼容性问题
2010-02-02
动态JavaScript所造成一些你不知道的危害
这篇文章给大家整理了动态JavaScript所造成的一些大家可能不知道的危害，文章介绍的很详细，有需要的朋友们可以参考借鉴，下面来一起看看吧。
2016-09-09
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动
2010-06-06

onmousewheel event 缩放图片效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具