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 鼠标滚轮改变图片大小的小例子
jquery实现鼠标拖动图片效果示例代码
Jquery uploadify图片上传插件无法上传的解决方法
JQuery 图片滚动轮播示例代码
用jquery等比例控制图片宽高的具体实现
jquery实现简单易懂的图片展示小例子
jquery预览图片实现鼠标放上去显示实际大小
JS滚轮事件onmousewheel的用法
JQuery实现鼠标移动到图片上显示边框效果
jQuery 幻灯片插件(带缩略图功能)

[关闭]