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

Javascript验证用户输入URL地址是否为空及格式是否正确

Oct 09 Javascript

thinkphp 表名大小写窍门

Feb 01 Javascript

JavaScript替换当前页面的方法

Apr 03 Javascript

JS简单实现城市二级联动选择插件的方法

Aug 19 Javascript

js点击按钮实现带遮罩层的弹出视频效果

Dec 19 Javascript

Bootstrap编写导航栏和登陆框

May 30 Javascript

vue.js指令和组件详细介绍及实例

Apr 06 Javascript

BootStrap Table实现server分页序号连续显示功能（当前页从上一页的结束序号开始）

Sep 12 Javascript

微信小程序实现滚动消息通知

Feb 02 Javascript

VUE中使用MUI方法

Feb 12 Javascript

vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解

Oct 15 Javascript

uniapp开发打包多端应用完整方法指南

Dec 24 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

linux下 C语言对 php 扩展

2008/12/14 PHP

js和php邮箱地址验证的实现方法

2014/01/09 PHP

php实现使用正则将文本中的网址转换成链接标签

2014/12/03 PHP

浅谈Yii乐观锁的使用及原理

2017/07/25 PHP

php往mysql中批量插入数据实例教程

2018/12/12 PHP

De facto standard 世界上不可思议的事实标准

2010/08/29 Javascript

禁用页面部分JavaScript方法的具体实现

2013/07/31 Javascript

浅析用prototype定义自己的方法

2013/11/14 Javascript

Javascript递归打印Document层次关系实例分析

2015/05/15 Javascript

JavaScript高级教程5.6之基本包装类型(详细)

2015/11/23 Javascript

JavaScript时间操作之年月日星期级联操作

2016/01/15 Javascript

js一维数组、多维数组和对象的混合使用方法

2016/04/03 Javascript

基于jQuery实现中英文切换导航条效果

2016/09/18 Javascript

JavaScript实现弹窗效果代码分析

2017/03/09 Javascript

基于ES6作用域和解构赋值详解

2017/11/03 Javascript

Angular4 反向代理Details实践

2018/05/30 Javascript

Vue管理系统前端之组件拆分封装详解

2020/08/23 Javascript

javascript实现智能手环时间显示

2020/09/18 Javascript

Node.js fs模块原理及常见用途

2020/10/22 Javascript

python通过scapy获取局域网所有主机mac地址示例

2014/05/04 Python

Python使用迭代器捕获Generator返回值的方法

2017/04/05 Python

python 换位密码算法的实例详解

2017/07/19 Python

解决pandas read_csv 读取中文列标题文件报错的问题

2018/06/15 Python

用python3教你任意Html主内容提取功能

2018/11/05 Python

python找出因数与质因数的方法

2019/07/25 Python

基于python实现FTP文件上传与下载操作（ftp&sftp协议）

2020/04/01 Python

python 如何设置守护进程

2020/10/29 Python

俄罗斯的精英皮具：Wittchen

2018/01/29 全球购物

办公室保洁员岗位职责

2013/12/02 职场文书

给朋友的道歉信

2014/01/09 职场文书

写给女生的道歉信

2014/01/14 职场文书

大学军训感言1000字

2014/02/25 职场文书

2015年护士节活动策划方案

2015/05/04 职场文书

居委会工作总结2015

2015/05/18 职场文书

幼儿园大班开学寄语（2016秋季）

2015/12/03 职场文书

2019个人半年工作总结

2019/06/21 职场文书