JS 图片缩放效果代码


Posted in Javascript onJune 09, 2010
<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 相关文章推荐
代码生成器 document.write()
Apr 15 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
微信小程序 简单教程实例详解
Jan 13 Javascript
jQuery实现标签页效果实战(4)
Feb 08 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
Angular2.js实现表单验证详解
Jun 23 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 Javascript
详解JavaScript之Array.reduce源码解读
Nov 01 Javascript
详解nginx配置vue h5 history去除#号
Nov 09 Javascript
JQuery优缺点分析说明
Jun 09 #Javascript
web页面数据展示新想法(json)
Jun 08 #Javascript
js客户端快捷键管理类的较完整实现和应用
Jun 08 #Javascript
location.search在客户端获取Url参数的方法
Jun 08 #Javascript
js word表格动态添加代码
Jun 07 #Javascript
Extjs中常用表单介绍与应用
Jun 07 #Javascript
javascript调试说明
Jun 07 #Javascript
You might like
PHP4实际应用经验篇(6)
2006/10/09 PHP
基于ThinkPHP+uploadify+upload+PHPExcel 无刷新导入数据
2015/09/23 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
PHP自定义错误用法示例
2016/09/28 PHP
PHP简单实现防止SQL注入的方法
2018/03/13 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
文本加密解密
2006/06/23 Javascript
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
2014/06/24 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
Javascript中setTimeOut和setInterval的定时器用法
2015/06/12 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
2016/12/14 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
用jquery的attr方法实现图片切换效果
2017/02/05 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
JavaScript JSON数据处理全集(小结)
2019/08/15 Javascript
Python 3.x 安装opencv+opencv_contrib的操作方法
2018/04/02 Python
python队列queue模块详解
2018/04/27 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
个人求职信范例
2014/01/29 职场文书
酒店保安员岗位职责
2014/01/31 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
实习班主任自我评价
2015/03/11 职场文书
小学教师党员承诺书
2015/04/27 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书
节约用水广告语60条
2019/11/14 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android
Python中基础数据类型 set集合知识点总结
2021/08/02 Python
python游戏开发之pygame实现接球小游戏
2022/04/22 Python