鼠标拖动DIV，有没有封装好了的JS库

2015-08-26 04:50:49 260 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Ramble_Naylor 墨衍会员 · AI 创作全网分发关注 + 加入社区

js实现‘按住鼠标’的滑块拖动效果 js实现‘按住鼠标’的滑块拖动效果阅读详情

鼠标拖动DIV，有没有封装好了的JS库。

今天做了个功能是鼠标拖动DIV，从后台加载数据到前台展示。

自己用纯JQ
写了个，感觉好麻烦，有没有已经封装好了的这种JS的库文件，可以让以后的开发快速点？

自己写真心能力不足啊。。。

...全文

js鼠标拖动图片拼图完成验证这里就是创建两个块一个为白色的背景随机位置显示，一个从白色块的位置大小获取他的背景图片，初始y坐标与白色块相同，鼠标按下拖拽按钮隐藏的块显示并随拖拽按钮移动，比对它与白色块的位置。就是拖拽原理 html代码 <div class="minbtn"><a href="javascript:void(0)"><i></i><span>图片不好看? 换一张!</span></a></div> 这里就是刷新按钮，其余. 阅读详情

Ramble_Naylor

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

你好柴九 2015-08-28

打赏
举报


function mov_div() {  
                $('.zbar').mousedown(  
                        function (event) {  
                            var isMove = true;  
                            var abs_x = event.pageX - $('div.m-layer').offset().left;  
                            var abs_y = event.pageY - $('div.m-layer').offset().top;  
                            $(document).mousemove(function (event) {  
                                        if (isMove) {  
                                            var obj = $('div.m-layer');  
                                            obj.css({'left':event.pageX - abs_x, 'top':event.pageY - abs_y});  
                                        }  
                                    }  
                            ).mouseup(  
                                    function () {  
                                        isMove = false;  
                                    }  
                            );  
                        }  
                );  
            } ;

走在四季 2015-08-28

打赏
举报

看看这个jquery sortable是否合适 http://blog.csdn.net/u011098115/article/details/47979953

jxzoufeng 2015-08-27

打赏
举报

jquery-ui 里面有个draggble插件

qq137051908 2015-08-27

打赏
举报

jquery-ui中有，你可以单独下载这个拖动相关插件的js文件

qq_21985711 2015-08-27

打赏
举报

http://www.17sucai.com/category/1/4/37?p=2里面有很多div拖动效果

顾小林 2015-08-27

打赏
举报

Ramble_Naylor 2015-08-27

打赏
举报

引用 2 楼 shen332401890 的回复:

17素材！

Ramble_Naylor 2015-08-27

打赏
举报

引用 4 楼 qq137051908 的回复:

jquery-ui中有，你可以单独下载这个拖动相关插件的js文件

嗯呢谢了哈！

Ramble_Naylor 2015-08-27

打赏
举报

引用 3 楼 qq_21985711 的回复:

http://www.17sucai.com/category/1/4/37?p=2里面有很多div拖动效果

嗯呢谢谢哈！

Ramble_Naylor 2015-08-26

打赏
举报

http://download.csdn.net/detail/naylor_5/9050543 附上写的一个Demo，思路就是，先做拖动，再做事件的触发。拖动包含鼠标按下、移动、鼠标起来；在鼠标起来后判断DIV的坐标和之前有没有变化，如果有，AJAX调用后台的数据。

鼠标拖动DIV，有没有封装好了的JS库

相关推荐