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

如何阻止复制剪切和粘贴事件为了表单内容的安全

May 23 Javascript

javascript中利用柯里化函数实现bind方法

Apr 29 Javascript

Knockoutjs 学习系列(一)ko初体验

Jun 07 Javascript

Jquery Easyui选项卡组件Tab使用详解（10）

Dec 18 Javascript

基于Vue2.0的分页组件

Mar 16 Javascript

xmlplus组件设计系列之选项卡（Tabbar)（5）

May 03 Javascript

jquery获取链接地址和跳转详解（推荐）

Aug 15 jQuery

JavaScrip数组删除特定元素的几种方法总结

Sep 06 Javascript

JavaScript实现全选取消效果

Dec 14 Javascript

vue移动端实现红包雨效果

Jun 23 Javascript

详细教你微信公众号正文页SVG交互开发技巧

Jul 25 Javascript

微信小程序点击生成朋友圈分享图(遇到的坑)

Jun 17 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

dedecms采集中可以过滤多行代码的正则表达式

2007/03/17 PHP

PHP setcookie指定domain参数后,在IE下设置cookie失效的解决方法

2011/09/09 PHP

php利用cookie实现自动登录的方法

2014/12/10 PHP

ThinkPHP 3.2.3实现页面静态化功能的方法详解

2017/08/03 PHP

用正则xmlHttp实现的偷(转)

2007/01/22 Javascript

jQuery对指定元素中指定字符串进行替换的方法

2015/03/17 Javascript

js验证框架之RealyEasy验证详解

2016/06/08 Javascript

angular route中使用resolve在uglify压缩后问题解决

2016/09/21 Javascript

Javascript的动态增加类的实现方法

2016/10/20 Javascript

js实现拖拽功能

2017/03/01 Javascript

Javascript中引用类型传递的知识点小结

2017/03/06 Javascript

js移动端图片压缩上传功能

2020/08/18 Javascript

基于vue.js无缝滚动效果

2018/01/25 Javascript

JS判断字符串是否为整数的方法--简单的正则判断

2018/07/23 Javascript

node.js遍历目录的方法示例

2018/08/01 Javascript

react.js组件实现拖拽复制和可排序的示例代码

2018/08/20 Javascript

JavaScript实现简单音乐播放器

2020/04/17 Javascript

vue axios封装及API统一管理的方法

2019/04/18 Javascript

JavaScript强制类型转换和隐式类型转换操作示例

2019/05/01 Javascript

微信小程序结合Storage实现搜索历史效果

2019/05/18 Javascript

JavaScript 作用域实例分析

2019/10/02 Javascript

原生JavaScript实现留言板

2021/01/10 Javascript

ES6的循环与可迭代对象示例详解

2021/01/31 Javascript

[02:25]DOTA2英雄基础教程熊战士

2014/01/03 DOTA

举例讲解Python设计模式编程中的访问者与观察者模式

2016/01/26 Python

利用nohup来开启python文件的方法

2019/01/14 Python

Django Rest framework三种分页方式详解

2019/07/26 Python

pytorch模型存储的2种实现方法

2020/02/14 Python

Python生成器generator原理及用法解析

2020/07/20 Python

python lambda的使用详解

2021/02/26 Python

基于注解实现 SpringBoot 接口防刷的方法

2021/03/02 Python

CSS3 box-sizing属性详解

2016/11/15 HTML / CSS

美国NBA官方商店：NBA Store

2019/04/12 全球购物

儿科主治医生个人求职信

2013/09/23 职场文书

法律进企业活动方案

2014/03/04 职场文书

实用求职信模板范文

2019/05/13 职场文书