加入收藏 | 设为首页 | 会员中心 | 我要投稿 我爱故事小小网_铜陵站长网 (http://www.0562zz.com/)- 视频终端、云渲染、应用安全、数据安全、安全管理!
当前位置: 首页 > 服务器 > 搭建环境 > Unix > 正文

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;

(编辑:我爱故事小小网_铜陵站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读