<!DOCTYPE html>
<html>
<head>
<title>拖拽查看大图</title>
<style>
body {margin: 0; padding: 0;}
.scrolling-images {width: 100%; height: 100vh; overflow: hidden; white-space: nowrap; user-select: none; cursor: grab; touch-action: none;}
</style>
</head>
<body>
<div class="scrolling-images" id="scrolling-images"><img decoding="async" src="url.jpg" alt="Image 1"></div>
<script>
let scrollingImages = document.getElementById("scrolling-images");
let isMouseDown = false;
let startX;
let startY;
let scrollLeft;
let scrollTop;
scrollingImages.addEventListener("mousedown", function (e) {
isMouseDown = true;
startX = e.clientX;
startY = e.clientY;
scrollLeft = scrollingImages.scrollLeft;
scrollTop = scrollingImages.scrollTop;
});
scrollingImages.addEventListener("mouseleave", function () {
isMouseDown = false;
});
scrollingImages.addEventListener("mouseup", function () {
isMouseDown = false;
});
scrollingImages.addEventListener("mousemove", function (e) {
if (!isMouseDown) return;
e.preventDefault();
const x = e.clientX;
const y = e.clientY;
const distanceX = (x - startX) * 2;
const distanceY = (y - startY) * 2;
scrollingImages.scrollLeft = scrollLeft - distanceX;
scrollingImages.scrollTop = scrollTop - distanceY;
});
</script>
</body>
</html>
重要的事情说三遍!!!
这是网站预览，如果预览不正常，有可能需要外网才能访问，或网站已经不存在，或对方服务器拒绝预览访问。
这是网站预览，如果预览不正常，有可能需要外网才能访问，或网站已经不存在，或对方服务器拒绝预览访问。
这是网站预览，如果预览不正常，有可能需要外网才能访问，或网站已经不存在，或对方服务器拒绝预览访问。
（网址均来源于网络，如有侵权，请联系删除）
1. 链接直达将跳转网址： https://www.qaqlinks.com/sites/83.html
2. 网址收录时间：2024-01-19 09:48:22
3. 这是第“83”个收录网址。
如对此链接有任何疑问，可以添加以上微信，或此链接底部留言。看到会马上回复。
QaQlinks 跨境电商导航网站 声明：网站上的服务均为第三方提供，与 QAQlinks 网站无关。请用户注意甄别第三方服务质量，避免上当受骗。
（文章来源于网络，如有侵权，请联系删除）
urls解码Decode中文字符