JS 图片缩放效果代码

复制代码代码如下:<HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>onMouseWheel</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> <div align=center> <span style="font-weight:bold">Size = <span id="oCounter" style="color:red;">100%</span></span> <img id="oImage" src="images/aaa.gif" onmousewheel="return Picture();" > </div> </BODY> </HTML>

　　推荐阅读

　　javascript createAdder函数功能与使用说明

英文原文 createAdder(x) is a function that returns a function. In JavaScript, functions are first-class objects: they can be passed to other functions as arguments and returned from functions as wel>>>详细阅读

本文标题：JS 图片缩放效果代码

地址：http://www.17bianji.com/kaifa2/JS/26247.html

1/2 1