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

document.all还是document.getElementsByName?

Jul 21 Javascript

jQuery中andSelf()方法用法实例

Jan 08 Javascript

jQuery数据缓存用法分析

Feb 20 Javascript

js阻止浏览器默认行为的简单实例

May 15 Javascript

JavaScript设计模式开发中组合模式的使用教程

May 18 Javascript

原生JS实现图片轮播效果

Dec 26 Javascript

微信分享调用jssdk实例

Jun 08 Javascript

vue实现导航栏效果（选中状态刷新不消失）

Dec 13 Javascript

vue.js 实现评价五角星组件的实例代码

Aug 13 Javascript

快速解决vue动态绑定多个class的官方实例语法无效的问题

Sep 05 Javascript

移动端H5页面返回并刷新页面（BFcache）的方法

Nov 06 Javascript

详解JavaScript中的强制类型转换

Apr 15 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 foreach、while性能比较

2009/10/15 PHP

PHP代码优化的53个细节

2014/03/03 PHP

Linux环境下php实现给网站截图的方法

2016/05/03 PHP

ThinkPHP3.2框架使用addAll()批量插入数据的方法

2017/03/16 PHP

PHP给源代码加密的几种方法汇总(推荐)

2018/02/06 PHP

js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)

2013/02/02 Javascript

Javascript实现视频轮播在pc端与移动端均可

2013/09/29 Javascript

setTimeout和setInterval的深入理解

2013/11/08 Javascript

利用a标签自动解析URL分析网址实例

2014/10/20 Javascript

Js中使用hasOwnProperty方法检索ajax响应对象的例子

2014/12/08 Javascript

使用jQuery不判断浏览器高度解决iframe自适应高度问题

2014/12/16 Javascript

javascript数组随机排序实例分析

2015/07/22 Javascript

JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)

2015/12/13 Javascript

JavaScript排序算法动画演示效果的实现方法

2016/10/18 Javascript

JS实现的简单表单验证功能完整实例

2017/10/14 Javascript

vue 数组和对象不能直接赋值情况和解决方法(推荐)

2017/10/25 Javascript

在vue.js中使用JSZip实现在前端解压文件的方法

2018/09/05 Javascript

javascript将非数值转换为数值

2018/09/13 Javascript

vue项目使用微信公众号支付总结及遇到的坑

2018/10/23 Javascript

JS数组去重的6种方法完整实例

2018/12/08 Javascript

详解Nuxt.js 实战集锦

2019/11/19 Javascript

JS一次前端面试经历记录

2020/03/19 Javascript

[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访

2016/06/26 DOTA

[51:26]VP vs VG 2018国际邀请赛小组赛BO2 第二场 8.19

2018/08/21 DOTA

对python中大文件的导入与导出方法详解

2018/12/28 Python

Python3 实现串口两进程同时读写

2019/06/12 Python

Django 解决model 反向引用中的related_name问题

2020/05/19 Python

如何写python的配置文件

2020/06/07 Python

python实现一个简单RPC框架的示例

2020/10/28 Python

如何通过python检查文件是否被占用

2020/12/18 Python

毕业设计计划书

2014/01/09 职场文书

竞选班长自荐书范文

2014/03/09 职场文书

活动总结结尾怎么写

2014/08/30 职场文书

2015年班主任个人工作总结

2015/03/31 职场文书

音乐会主持人开场白

2015/05/28 职场文书

对领导班子的意见和建议

2015/06/08 职场文书