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需再刷新一下页面才能执行]

您可能感兴趣的文章:

JavaScript文档注释深入讲解(非常详细)
这篇文章主要给大家介绍了关于JavaScript文档注释的相关资料,当编写代码时文档注释是一种特殊的注释格式,用于描述函数、类、方法或变量的功能、使用方法和参数等详细信息,需要的朋友可以参考下
2024-01-01
js使用onmousemove和onmouseout获取鼠标坐标的方法
这篇文章主要介绍了js使用onmousemove和onmouseout获取鼠标坐标的方法,涉及javascript操作鼠标事件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
取得一定长度的内容，处理中文
取得一定长度的内容，处理中文...
2006-12-12
JS Date时间格式化的方法
这篇文章主要介绍了JS Date时间格式化的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2024-01-01
JS实现的点击表头排序功能示例
这篇文章主要介绍了JS实现的点击表头排序功能,可实现针对表格中的字母、数字、日期等格式进行排序的功能,涉及javascript针对页面table元素的获取及字符串、数字等排序操作相关技巧,需要的朋友可以参考下
2017-03-03
通过V8源码看一个关于JS数组排序的诡异问题
一直在学习C++，也想阅读点开源的C++项目，发现网上对Google V8评价不错，于是上Github上找到了源代码，但在学习中遇到一个js数组排序的问题，下面这篇文章主要给大家介绍了通过V8源码说说一个关于JS数组排序的诡异问题的相关资料，需要的朋友可以参考下。
2017-08-08
setTimeout的延时为0时多个浏览器的区别
一直比较迷惑：js的setTimeout到底会在什么时候执行，如果执行了，和主执行脚本到底差多长时间
2012-05-05
JavaScript事件类型中UI事件详解
这篇文章主要介绍了JavaScript事件类型中UI事件详解的相关资料,需要的朋友可以参考下
2016-01-01
浅谈JavaScript中promise的使用
本文主要对JavaScript中promise的使用进行详细介绍。具有一定的参考价值，下面跟着小编一起来看下吧
2017-01-01
JS、CSS以及img对DOMContentLoaded事件的影响
最近在做性能有关的数据上报，发现了两个非常有意思的东西：Chrome开发者工具的Timeline分析面板，以及DOMContentLoaded事件。一个是强大的令人发指的性能分析工具，一个是重要的性能指标，于是就用Timeline对DOMContentLoaded事件进行了一番研究
2014-08-08