编程 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 相关文章推荐

类之Prototype.js学习

Jun 13 Javascript

jMessageBox 基于jQuery的窗口插件

Dec 09 Javascript

jQuery 全选/反选以及单击行改变背景色实例

Jul 02 Javascript

jquery选择器排除某个DOM元素的方法（实例演示）

Apr 25 Javascript

js判断某个方法是否存在实例代码

Jan 10 Javascript

JavaScript中对JSON对象的基本操作示例

May 21 Javascript

jquery判断页面网址是否有效的两种方法

Dec 11 Javascript

浅谈JS获取元素的N种方法及其动静态讨论

Aug 25 Javascript

微信小程序局部刷新触发整页刷新效果的实现代码

Nov 21 Javascript

tracking.js页面人脸识别插件使用方法

Apr 16 Javascript

vue 设置 input 为不可以编辑的实现方法

Sep 19 Javascript

微信小程序实现多图上传

Jun 19 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数组函数序列之array_flip() 将数组键名与值对调

2011/11/07 PHP

PHP中的switch语句的用法实例详解

2015/10/21 PHP

IE 下的只读 innerHTML

2009/08/21 Javascript

jQuery用unbind方法去掉hover事件及其他方法介绍

2013/03/18 Javascript

javascript 获取网页标题代码实例

2014/01/22 Javascript

javascript实现限制上传文件大小

2015/02/06 Javascript

javascript中createElement的两种创建方式

2015/05/14 Javascript

jquery控制显示服务器生成的图片流

2015/08/04 Javascript

浅谈JavaScript的push(),pop(),concat()方法

2016/06/03 Javascript

AngularJS基础 ng-repeat 指令简单示例

2016/08/03 Javascript

纯JS焦点图特效实例(可一个页面多用)

2016/12/07 Javascript

JavaScript获取键盘按键的键码(参照表)

2017/01/10 Javascript

JavaScript实现瀑布流以及加载效果

2017/02/11 Javascript

聊聊Vue.js的template编译的问题

2017/10/09 Javascript

JS数组降维的实现Array.prototype.concat.apply([], arr)

2020/04/28 Javascript

nuxt 自定义 auth 中间件实现令牌的持久化操作

2020/11/05 Javascript

Python中for循环详解

2014/01/17 Python

对于Python的框架中一些会话程序的管理

2015/04/20 Python

Flask之请求钩子的实现

2018/12/23 Python

Python爬虫实现使用beautifulSoup4爬取名言网功能案例

2019/09/15 Python

为什么python比较流行

2020/06/19 Python

Python爬虫抓取指定网页图片代码实例

2020/07/24 Python

宝拉珍选美国官网：Paula’s Choice美国

2018/01/07 全球购物

eBay奥地利站：eBay.at

2019/07/24 全球购物

中专毕业自我鉴定

2013/10/16 职场文书

英语文学专业学生的自我评价

2013/10/31 职场文书

工程专业毕业生自荐信范文

2013/12/25 职场文书

2014年自我评价

2014/01/04 职场文书

学习党章思想汇报

2014/01/07 职场文书

总经理司机职责

2014/02/02 职场文书

护士求职自荐信范文

2014/03/19 职场文书

机械制造专业大学生自我鉴定

2014/09/19 职场文书

python实现腾讯滑块验证码识别

2021/04/27 Python

HashMap实现保存两个key相同的数据

2021/06/30 Java/Android

Python实现抖音热搜定时爬取功能

2022/03/16 Python

MybatisPlus EntityWrapper如何自定义SQL

2022/03/22 Java/Android