js实现鼠标滚轮控制图片缩放效果的方法
2015-02-20 00:00
1486 查看
本文实例讲述了js实现鼠标滚轮控制图片缩放效果的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Language" content="zh-cn" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" > <title>用鼠标滚轮滚动控制图片的缩小放大</title> <script language="javascript"> function bbimg(o){ var zoom=parseInt(o.style.zoom, 10)||100; zoom+=event.wheelDelta/12; if (zoom>0) o.style.zoom=zoom+'%'; return false; } </script> </head> <body> <p>将鼠标放在图片上,点击一下,然后滚动鼠标滚轮试试看</p> <p><img border="0" src="/images/m01.jpg" onmousewheel="return bbimg(this)"></p> <p> </p> <p> </p> <p> </p> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章推荐
- js实现鼠标滚轮控制图片缩放效果的方法(转)
- js实现鼠标滚轮控制图片缩放效果的方法
- 使用WPF Resource以及Transform等技术实现鼠标控制图片缩放和移动的效果
- JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
- Magnifier.js - 支持鼠标滚轮缩放的图片放大镜效果
- JS实现控制图片显示大小的方法【图片等比例缩放功能】
- jQuery实现的鼠标滚轮控制图片缩放功能实例
- js鼠标滚轮事件详解(全兼容ie、chrome、firefox)实现图片缩放
- asp.net用鼠标滚轮实现图片缩放实现方法
- js实现鼠标触发图片抖动效果的方法
- js实现鼠标触发图片抖动效果的方法
- JS实现鼠标移入移出控制图片的切换效果
- 使用WPF Resource以及Transform等技术实现鼠标控制图片缩放和移动的效果
- 鼠标通过滚轮缩放图片尺寸的js代码
- JS鼠标控制图片的缩放
- Js实现图片缩放上下左右移动效果
- JS实现鼠标滑过图片的抖动效果
- js实现运动logo图片效果及运动元素对象sportBox使用方法
- JS实现鼠标滑过图片的抖动效果
- 通过div透明度实现隐藏div图层效果、通过js控制缩放div效果