学习笔记 鼠标滚轮控制图片大小
2014-04-04 16:47
393 查看
onmousewheel是鼠标滚轮事件,是IE6的对象的新事件;style.zoom,event.wheelDelta是IE6的对象的新属
性,style.zoom是变大缩小,未赋值前返回null,赋值成XX%,就变化为XX%,并返回XX%;event.wheelDelta是
滚轮滚动一下的角度,上滚一下为120,下滚一下为-120,注释一下代码吧:
<script>
function bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;//如果style.zoom为null,则为100,否则为style.zoom
的值
zoom+=event.wheelDelta/12;//根据滚动的方向令zoom加10或减10
if (zoom>0) o.style.zoom=zoom+'%';//把zoom的值赋style.zoom
return false;//返回假
}
</script>
<img SRC="http://51js.com/images/51js/51js.gif" border=0 onmousewheel="return bbimg(this)">
性,style.zoom是变大缩小,未赋值前返回null,赋值成XX%,就变化为XX%,并返回XX%;event.wheelDelta是
滚轮滚动一下的角度,上滚一下为120,下滚一下为-120,注释一下代码吧:
<script>
function bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;//如果style.zoom为null,则为100,否则为style.zoom
的值
zoom+=event.wheelDelta/12;//根据滚动的方向令zoom加10或减10
if (zoom>0) o.style.zoom=zoom+'%';//把zoom的值赋style.zoom
return false;//返回假
}
</script>
<img SRC="http://51js.com/images/51js/51js.gif" border=0 onmousewheel="return bbimg(this)">
相关文章推荐
- 鼠标滚轮控制图片大小
- 鼠标滚轮控制图片大小
- 鼠标滚轮控制图片大小
- 鼠标滚轮控制图片大小,获取滚轮事件
- 鼠标滚轮控制图片大小
- 鼠标滚轮控制图片大小。
- C#winform用鼠标滚轮控制图片大小,MouseWheel事件
- [转]c# winform 用鼠标滚轮控制图片大小,获取鼠标中键滚轮事件,MouseWheel事件
- [网页]鼠标滚轮控制图片大小
- c# winform 用鼠标滚轮控制图片大小,获取鼠标中键滚轮事件,MouseWheel事件
- 鼠标滚轮改变图片大小的示例代码
- 鼠标滚轮改变图片大小的示例代码
- 随鼠标滚轮等比例变化大小的图片
- IntelliJ IDEA 学习笔记 - 鼠标滚轮控制缩放大小
- 通过鼠标中间滚轮来缩放图片大小
- Pycharm中用鼠标滚轮控制字体大小
- 滚轮控制图片大小
- Qt5 鼠标滚轮控制窗口大小
- 鼠标滚轮改变图片大小
- 鼠标滚轮控制图片的放大和缩小