onmousewheelevent缩放图片效果_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:33:10

onmousewheelevent缩放图片效果_javascript技巧

onmousewheelevent缩放图片效果_javascript技巧: onMouseWheel Event Sample－www.51windows.Net var count = 10; function Picture() { count = Counting(count); Resize(count); return false; } function Counting(count){ if (event.w

推荐度：

点击下载本文 文档为doc格式

导读onmousewheelevent缩放图片效果_javascript技巧: onMouseWheel Event Sample－www.51windows.Net var count = 10; function Picture() { count = Counting(count); Resize(count); return false; } function Counting(count){ if (event.w

<HTML> 
<HEAD> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<TITLE>onMouseWheel Event Sample－www.51windows.Net</TITLE> 
 
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%'; 
} 
 
</HEAD> 
<BODY> 
<h2>onmousewheel event</h2> 
<P> 
This sample uses the onmousewheel event to expand or contract the picture below.

Move the cursor over the picture and roll the mouse wheel up and down.</P> 
Size = 
100%

http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousewheelEX.htm. 
</BODY> 
</HTML> 
 
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

onmousewheelevent缩放图片效果_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：图片技巧 js

热门焦点

onmousewheelevent缩放图片效果_javascript技巧

onmousewheelevent缩放图片效果_javascript技巧

onmousewheelevent缩放图片效果_javascript技巧

最新推荐

猜你喜欢

热门推荐