JS 图片缩放效果代码
发布时间：2016-11-23 15:13:04 所属栏目：Unix 来源：站长网
导读：复制代码 代码如下: lt;HTMLgt; lt;HEADgt; lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"gt; lt;TITLEgt;onMouseWheellt;/TITLEgt; lt;SCRIPTgt; var count = 10; function Picture() { count = Counting(count); Resize(count
|
复制代码 代码如下: lt;HTMLgt; lt;HEADgt; lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"gt; lt;TITLEgt;onMouseWheellt;/TITLEgt; lt;SCRIPTgt; var count = 10; function Picture() { count = Counting(count); Resize(count); return false; } function Counting(count){ if (event.wheelDelta gt;= 120) count++; else if (event.wheelDelta lt;= -120) count--; return count; } function Resize(count){ oImage.style.zoom = count + '0%'; oCounter.innerText = count + '0%'; } lt;/SCRIPTgt; lt;/HEADgt; lt;BODYgt; lt;div align=centergt; lt;span style="font-weight:bold"gt;Size = lt;span id="oCounter" style="color:red;"gt;100%lt;/spangt;lt;/spangt; lt;img id="oImage" src="images/aaa.gif" onmousewheel="return Picture();" gt; lt;/divgt; lt;/BODYgt; lt;/HTMLgt; （编辑：源码网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
