jQuery拖拽和缩放图片特效

来源:https://www.sucaihuo.com/js/5033.html 2019-12-29 11:38浏览(260) 收藏

jQuery拖拽和缩放图片特效,点击右上角的功能按钮或鼠标拖动、滚轮滑动进行控制。
jQuery拖拽和缩放图片特效
分类:图片代码 > 按钮控制 难易:初级
查看演示 下载资源: 6 下载资源 下载积分: 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>
评论0
头像

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

1 2