jq 拖拽
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> div{ background:pink; height:100px; width:100px; position:absolute; } </style> <script type="text/javascript" src="jquery-1.11.2.js" ></script> <script> $(function () { var disX = 0; var disY = 0; $('div').mousedown(function (ev) { disX = ev.pageX - $(this).offset().left; disY = ev.pageY - $(this).offset().top; $(document).mouseover(function (ev) { $('div').css('left',ev.pageX - disX); $('div').css('top',ev.pageY - disY); }) $(document).mouseup(function () { $(document).off(); }) }) }) </script> </head> <body> <div></div> </body> </html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步