js实现图片的放大和拖拽特效

来源:https://www.sucaihuo.com/js/1846.html 2017-04-28 15:36浏览(2157) 收藏

此作品是一款非常实用的js特效,实现了图片的放大和拖拽功能,没用用到jquery插件,是用原生javascript实现的,除了点击放大和缩小按钮来控制图片的放大缩小,还可以使用鼠标的滚轮控制图片的缩放。。。
js实现图片的放大和拖拽特效
分类:图片代码 > 缩略图 难易:初级
查看演示 下载资源 下载积分: 20 积分

首先引用文件

<script type="text/javascript" src="js/drag_map.js"></script>

核心代码如下:

function onWheelZoom(obj){  //滚轮缩放 
    zoom = parseFloat(obj.style.zoom); 
    tZoom = zoom + (event.wheelDelta>0 ? 0.05 : -0.05); 
    if(tZoom<0.1 ) return true; 
    obj.style.zoom=tZoom; 
    return false; 
}
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2