惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
Stack Overflow Blog
Stack Overflow Blog
人人都是产品经理
人人都是产品经理
The GitHub Blog
The GitHub Blog
Engineering at Meta
Engineering at Meta
Vercel News
Vercel News
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Y
Y Combinator Blog
The Cloudflare Blog
Last Week in AI
Last Week in AI
B
Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
Tailwind CSS Blog
V
Visual Studio Blog
博客园 - 三生石上(FineUI控件)
小众软件
小众软件
Google DeepMind News
Google DeepMind News
D
DataBreaches.Net
博客园 - 司徒正美
B
Blog RSS Feed
Microsoft Azure Blog
Microsoft Azure Blog
罗磊的独立博客
Hugging Face - Blog
Hugging Face - Blog
L
LangChain Blog

博客园 - 竹子

用VB开发托盘程序 微软Windows原版光盘系列 资源共享(机会难得 迅雷下载 不断更新!)(20070528更新,21个地址) 双绞线网线线序解析 Windows 2000/XP/2003环境下IIS+PHP+MYSQL安装配置 让你知道codepage的重要,关于多语言编码 asp程序错误详细说明例表 ASP中几种分页显示的比较 - 竹子 - 博客园 查询域名是否已被注册 一些不常用的html代码 - 竹子 - 博客园 强制弹出窗口 web打印的大全 JS常用脚本+html代码大全+对联广告代码效果大全 html代码大全 HTML七种加密解密 IIS 500内部错误之解决办法 Server Application Error详细解决办法 Win2000系统中也用Msconfig 多个表单和多个图片一起上传完美解决方案 用VB将ASP代码封装成DLL
用滚轮实现图片缩放 - 竹子 - 博客园
竹子 · 2006-10-10 · via 博客园 - 竹子

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用滚轮实现图片缩放</title>
</head>
<script language="JavaScript">
function zoomimg(img){
  //img.style.zoom获取img对象的缩放比例,并转为十进制整数
  var zoom = parseInt(img.style.zoom,10);
  if (isNaN(zoom)){    //当zoom非数字时zoom默认为100%
    zoom = 100;
  }
  //event.wheelDelta滚轮移动量上移+120,下移-120;显示比例每次增减10%
  zoom += event.wheelDelta / 12;
  //当zoom大于10%时重新设置显示比例
  if (zoom>10) img.style.zoom = zoom + "%";
}
</script>
<body>
<br>
<!--onmousewheel:当滚轮移动时触发-->
<img src="001.gif" onmousewheel="zoomimg(this)">
</body>
</html>