Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js 鼠标滚轮改变图片大小的小例子

js 鼠标滚轮改变图片大小的小例子

发布时间:2015-03-04   编辑:www.jquerycn.cn
本文分享下,用js脚本操作 鼠标滚轮以改变图片大小的例子,感兴趣的朋友可以参考学习下。

本节内容:
用鼠标滚轮改变图片大小

例子:
 

复制代码 代码示例:
<script>
/**
* 鼠标滚轮改变图片大小
* by www.jquerycn.cn
*/
function onWheelZoom(obj){
        zoom = parseFloat(obj.style.zoom);
        tZoom = zoom + (event.wheelDelta>0 ? 0.05 : -0.05);
        if( tZoom > 1 || tZoom<0.1 ) return true;
        obj.style.zoom=tZoom;
        return false;
}
</script>
<a href="javascript:window.close()"><img
src="../images/20131120101711.png" style="zoom:1;"
onmousewheel='return onWheelZoom(this)'></a>

您可能感兴趣的文章:
js 鼠标滚轮改变图片大小的小例子
JS滚轮事件onmousewheel的用法
jQuery 幻灯片插件(带缩略图功能)
基于jquery的滚动鼠标放大缩小图片效果
jQuery Mousewheel
jQuery bxCarousel实现图片滚动切换效果示例代码
javascript特效-跟着鼠标飞的图片
鼠标的滚轮失灵怎么办?
jQuery当鼠标悬停时放大图片的效果实例
jquery与google map api结合使用 控件,监听器

[关闭]