jQuery拖拽和缩放图片特效

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/drag-move.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var drag = $(".drag-img")
			var dragImg = new DragScale(drag, drag)
			// 拖动
			dragImg.drag()
			// 滚轮
			$(".drag-box").on("mousewheel", function() {
				dragImg.scale(0)
			})
			// 放大
			$(".scale-big").click(function() {
				dragImg.scale(1)
			})
			// 缩小
			$(".scale-small").click(function() {
				dragImg.scale(2)
			})
			// 上下左右点击
			$(".arrow").click(function() {
				dragImg[$(this).data("arrow")]()
			})
		</script>