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

jquery中获取select选中值的代码

Jun 27 Javascript

js调用AJAX时Get和post的乱码解决方法

Jun 04 Javascript

JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

Jan 11 Javascript

Angular实现form自动布局

Jan 28 Javascript

AngularJS实现分页显示数据库信息

Jul 01 Javascript

angular select 默认值设置方法

Jun 23 Javascript

在Vue中使用Compass的方法

Mar 02 Javascript

react 组件传值的三种方法

Jun 03 Javascript

bootstrap table实现横向合并与纵向合并

Jul 18 Javascript

JavaScript实现Tab选项卡切换

Feb 13 Javascript

vue+koa2搭建mock数据环境的详细教程

May 18 Javascript

JS实现简易日历效果

Jan 25 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执行速度全攻略(上)

2006/10/09 PHP

php实现的pdo公共类定义与用法示例

2017/07/19 PHP

php实现session共享的实例方法

2019/09/19 PHP

关于PHP5.6+版本“No input file specified”问题的解决

2019/12/11 PHP

PHPStorm2020.1永久激活及下载更新至2020(推荐)

2020/09/25 PHP

JS 实现Json查询的方法实例

2013/04/12 Javascript

javascript同页面多次调用弹出层具体实例代码

2013/08/16 Javascript

jQuery中delegate与on的用法与区别示例介绍

2013/12/20 Javascript

表单提交前触发函数返回true表单才会提交

2014/03/11 Javascript

运用JQuery的toggle实现网页加载完成自动弹窗

2014/03/18 Javascript

浅谈jquery事件处理

2015/04/24 Javascript

jQuery实现的fixedMenu下拉菜单效果代码

2015/08/24 Javascript

javascript实现右下角广告框效果

2017/02/01 Javascript

Python 流程控制实例代码

2009/09/25 Python

教你如何将 Sublime 3 打造成 Python/Django IDE开发利器

2014/07/04 Python

用Python展示动态规则法用以解决重叠子问题的示例

2015/04/02 Python

介绍Python中几个常用的类方法

2015/04/08 Python

介绍Python中的__future__模块

2015/04/27 Python

梯度下降法介绍及利用Python实现的方法示例

2017/07/12 Python

python方法生成txt标签文件的实例代码

2018/05/10 Python

不管你的Python报什么错，用这个模块就能正常运行

2018/09/14 Python

Python QT组件库qtwidgets的使用

2020/11/02 Python

基于python实现百度语音识别和图灵对话

2020/11/02 Python

BIBLOO捷克：购买女装、男装、童装、鞋和配件

2017/01/27 全球购物

捷克汽车配件和工具销售网站：TorriaCars

2018/02/26 全球购物

PHP开发工程师面试问题集锦

2012/11/01 面试题

腾讯公司的一个sql题

2013/01/22 面试题

师范应届生教师求职信

2013/11/05 职场文书

高级销售求职信

2014/02/21 职场文书

小学英语复习计划

2015/01/19 职场文书

大国崛起日本观后感

2015/06/02 职场文书

十七岁的单车观后感

2015/06/12 职场文书

销售人员管理制度

2015/08/06 职场文书

初二数学教学反思

2016/02/17 职场文书

总结Python连接CS2000的详细步骤

2021/06/23 Python

pytorch分类模型绘制混淆矩阵以及可视化详解

2022/04/07 Python