<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-3.3.1.js"></script>
<script>
$(function(){
obj=$(".d1");
drag(obj);
function drag(obj){
obj.on("mousedown",start);
function start(event){
x=event.clientX-obj.offset().left;
y=event.clientY-obj.offset().top;
$(this).css({
"cursor":"move"
})
$(document).on("mousemove",move);
obj.on("mouseup",stop);
return false;
}
function move(event){
obj.css({
"left":(event.clientX-x)+"px",
"top":(event.clientY-y)+"px",
})
return false;
}
jQuery元素(图片)拖拽代码
最新推荐文章于 2021-05-28 09:48:13 发布