JS 图片缩放效果代码
发布时间:2016-11-23 19:41:24 所属栏目: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; (编辑:我爱故事小小网_铜陵站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |