jQuery实现自定义拖拽插件.zip

共4个文件

js：2个

html：1个

url：1个

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

jquery

0 下载量 109 浏览量 2022-11-08 00:52:45 上传评论收藏 33KB ZIP 举报

温馨提示

jQuery实现自定义拖拽插件.zip

资源推荐

资源详情

资源评论

收起资源包目录

jQuery实现自定义拖拽插件.zip （4个子文件）

132675104238971645

jqueryhjDrag

index.html 1KB

jquery-hjDrag-1.0.0.1.js 2KB

jquery-3.5.1.min.js 87KB

服务器软件.url 122B

共 4 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jquery自定义拖拽</title> <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js" type="text/javascript"></script> <script src="./js/jquery-hjDrag-1.0.0.1.js"></script> <style> body{padding: 0px;margin: 0px;} .m { width: 1000px; height: 600px; border: 1px solid #E5E5E5; } .box { width: 200px; height: 200px; background-color: #E7E7E7; } .box:hover { cursor: pointer; } .box h3 { text-align: center; margin: 0; background-color: #2E3FA2; color: aliceblue } .box p { text-align: center; } #box3 { top: 200px; } </style> </head> <body> <div class="m"></div> <div class="box" id="box1"> <h3>title1</h3> </div> <div class="box" id="box2"> <h3>title2</h3> <p>任意拖拽</p> </div> <div class="box" id="box3"> <h3>title3</h3> <p>拖拽范围限制在800x400</p> </div> <script> $("#box1").hjDrag({}) $("#box2").hjDrag({titleSelector:"h3"}) $("#box3").hjDrag({ titleSelector:"h3", left:0, up:0, right:800, down:400 }) </script> </body> </html>

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论