jQuery放大鏡

小沈要努力發表於2020-10-06
jQuery
<script src="jquery.jqzoom.js" type="text/javascript"></script>
<script type="text/javascript">
//放大鏡
			$(function(){
				$(".jqzoom").jqueryzoom({
					xzoom:300,
					yzoom:300,
					offset:10,
					position:"right",
					preload:1
				});
			})
</script>

效果圖如下：
沒放大之前效果
在這裡插入圖片描述
放大之後效果：
在這裡插入圖片描述
寫程式碼之前需要插入jQuery.jqzoom.js
在這裡插入圖片描述

相關文章