onmousewheel event 缩放图片效果
时间：2023-07-02 04:55:50
<HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>onMouseWheel Event Sample－www.51windows.Net</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> <h1>onmousewheel event</h1> <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％ <img id="oImage" src="https://www.aspxhome.com/logos.gif" onmousewheel="return Picture();" > http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/onmousewheelEX.htm. </BODY> </HTML> <div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"> <input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>
标签：onmousewheel,event,缩放图片效果
0
投稿猜你喜欢
浅谈keras2 predict和fit_generator的坑
2021-05-13 16:30:36
ASP简单实现数字和字母验证码
2008-10-23 13:52:00
Python图像处理之图像的灰度线性变换
2021-12-16 22:30:58
Python如何将将模块分割成多个文件
2022-03-26 15:03:18
浅析Python数据处理
2023-09-08 18:18:34
在ASP中通过oo4o连接Oracle数据库的例子
2008-10-12 12:55:00
Python入门篇之条件、循环
2021-09-16 16:10:00
python 虚拟环境详解
2021-09-15 15:39:09
python判断字符串是否是json格式方法分享
2023-01-02 20:50:37
Django 多环境配置详解
2022-01-25 06:38:49
python实现由数组生成对称矩阵
2022-12-09 15:01:53
Oracle PL/SQL入门案例实践
2010-07-18 13:13:00
浅谈Python单向链表的实现
2023-01-18 14:00:39
python web框架Flask实现图形验证码及验证码的动态刷新实例
2021-01-09 15:35:53
Centos环境部署django项目的全过程(永久复用)
2021-06-17 00:37:28
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2024-05-02 17:22:15
详解Go中Map类型和Slice类型的传递
2024-04-23 09:47:03
一篇文章带你了解Python中的装饰器
2022-11-23 14:00:14
python爬虫开发之使用python爬虫库requests，urllib与今日头条搜索功能爬取搜索内容实例
2022-01-05 19:39:44
pycharm 配置远程解释器的方法
2022-05-22 05:10:40
