编程 Javascript

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>

JS 图片缩放效果代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Track Image Loading效果代码分析

Aug 13 Javascript

JS 文字符串转换unicode编码函数

May 30 Javascript

精通Javascript系列之Javascript基础篇

Jun 07 Javascript

JS实现状态栏跑马灯文字效果代码

Oct 24 Javascript

Bootstrap打造一个左侧折叠菜单的系统模板(一)

May 17 Javascript

浅谈jQuery操作类数组的工具方法

Dec 23 Javascript

原生js实现可拖拽效果

Feb 28 Javascript

angular中的cookie读写方法

Aug 02 Javascript

解决webpack dev-server不能匹配post请求的问题

Aug 24 Javascript

iview通过Dropdown(下拉菜单)实现的右键菜单

Oct 26 Javascript

微信小程序连接服务器展示MQTT数据信息的实现

Jul 14 Javascript

详解微信小程序动画Animation执行过程

Sep 23 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

php可扩展的验证类实例(可对邮件、手机号、URL等验证)

2015/07/09 PHP

js操作textarea 常用方法总结

2012/12/03 Javascript

JS 修改URL参数(实现代码)

2013/07/08 Javascript

JS JQUERY实现滚动条自动滚到底的方法

2015/01/09 Javascript

jQuery手机浏览器中拖拽动作的艰难性分析

2015/02/04 Javascript

jquery+ajax实现注册实时验证实例详解

2015/12/08 Javascript

js判断移动端是否安装某款app的多种方法

2015/12/18 Javascript

在JavaScript中call()与apply()区别

2016/01/22 Javascript

jQuery easyUI datagrid 增加求和统计行的实现代码

2016/06/01 Javascript

使用BootStrapValidator完成前端输入验证

2016/09/28 Javascript

JavaScript高仿支付宝倒计时页面及代码实现

2016/10/21 Javascript

Sortable.js拖拽排序使用方法解析

2016/11/04 Javascript

js实现下拉菜单效果

2017/03/01 Javascript

vue2.0获取自定义属性的值

2017/03/28 Javascript

JS实现瀑布流布局

2017/10/21 Javascript

vue路由嵌套的SPA实现步骤

2017/11/06 Javascript

vue.js项目 el-input 组件监听回车键实现搜索功能示例

2018/08/25 Javascript

angularJs提交文本框数据到后台的方法

2018/10/08 Javascript

利用Vue实现一个markdown编辑器实例代码

2019/05/19 Javascript

layui内置模块layim发送图片添加加载动画的方法

2019/09/23 Javascript

微信小程序动态设置图片大小的方法

2019/11/21 Javascript

JS简单表单验证功能完整示例

2020/01/26 Javascript

在vue中实现给每个页面顶部设置title

2020/07/29 Javascript

vue使用swiper实现左右滑动切换图片

2020/10/16 Javascript

python通过pil为png图片填充上背景颜色的方法

2015/03/17 Python

Python简单定义与使用字典dict的方法示例

2017/07/25 Python

pandas修改DataFrame列名的方法

2018/04/08 Python

Django2 连接MySQL及model测试实例分析

2019/12/10 Python

使用SimpleITK读取和保存NIfTI/DICOM文件实例

2020/07/01 Python

Python Matplotlib绘图基础知识代码解析

2020/08/31 Python

美国领先的男士和女士内衣购物网站：Freshpair

2019/02/25 全球购物

历史学专业个人的自我评价

2013/10/13 职场文书

临床医师专业个人自我评价范文

2013/11/07 职场文书

安全教育心得体会

2013/12/29 职场文书

称象教学反思

2014/02/03 职场文书

单位委托书怎么写

2014/09/21 职场文书