標籤：code 草稿 extra move html idt type src 放大鏡
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>js 放大鏡</title><script src="https://code.jquery.com/jquery-3.3.1.js"></script><style>*{margin: 0;padding: 0;}.tu{width: 500px;}.box{border:1px solid #000;width: 200px;height: 200px;}.box{background:url("https://gdp.alicdn.com/imgextra/i3/3446533752/TB2n3A7fOCYBuNkHFCcXXcHtVXa_!!3446533752.jpg") no-repeat;}</style></head><body><img class="tu" src="https://gdp.alicdn.com/imgextra/i3/3446533752/TB2n3A7fOCYBuNkHFCcXXcHtVXa_!!3446533752.jpg" ><div class="box"></div><script>$(function(){console.log("1");$(".tu").mousemove(function(even){console.log(even)console.log(even.clientX);console.log(even.clientY);$(".box").css("background-position","-"+even.clientX+"px -"+even.clientY+"px") });})</script></body></html>
jquery 圖片放大鏡，草稿版
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
