编程 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 String.replace的妙用

Sep 08 Javascript

HTML页面滚动时获取离页面顶部的距离2种实现方法

Sep 05 Javascript

JQuery文字列表向上滚动的代码

Nov 13 Javascript

浅析jquery的作用与优势

Dec 02 Javascript

JS计算网页停留时间代码

Apr 28 Javascript

jQuery实现的登录浮动框效果代码

Sep 26 Javascript

3kb jQuery代码搞定各种树形选择的实现方法

Jun 10 Javascript

Angular 4环境准备与Angular cli创建项目详解

May 27 Javascript

微信小程序实现的动态设置导航栏标题功能示例

Jan 31 Javascript

浅谈Vue.js 关于页面加载完成后执行一个方法的问题

Apr 01 Javascript

vue路由守卫及路由守卫无限循环问题详析

Sep 05 Javascript

解决在layer.open中使用时间控件laydate失败的问题

Sep 11 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