jqueryui实现拖动div，jquery移动div到另一个div中

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

求JS或者JQUERY实现拖动DIV交换位置的代码,加急!~

在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行func（）函数。

})(jQuery)；调用说明：$(.x-movable).Drags({handler：.x-panel-header，zIndex：10000，opacity：0.7，direction：x})；其中$(.x-movable)是要被移动的DIV，.x-panel-header是拖动手柄，科省略。

有很多人在做网站的时候经常会用到js拖动层的效果，还要有可拖动效果，现在我把我做的这个鼠标移动层效果的代码贴出来，给大家分享一下，本人在Mozilla Firefox、Internet Explorer、谷歌浏览器等几种浏览器中测试通过。

)； div.onmousemove = ； }}/script 你可以在按下移动的时候创建一个div，然后这个div所在的位置根据你拿到的鼠标clientx，y进行动态改变，然后松开的时候，把这个div删掉，然后实现你的拖拽效果。

前置条件：div作为盒子限制高度，并设置overflow：auto。

div id=c onmousedown=mm(event)；123123/div evt参数是就是上面的event对象；Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

相关问答

Q1: jquery或JS拖动DIV左右移动

1、新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一行文字，文字内容为“小明”。在test.html文件内，设置div标签的id属性为mytext，主要用于下面通过该id获得div对象。

2、})(jQuery)；调用说明：$(.x-movable).Drags({handler：.x-panel-header，zIndex：10000，opacity：0.7，direction：x})；其中$(.x-movable)是要被移动的DIV，.x-panel-header是拖动手柄，科省略。

3、如何让DIV随着左右滚动条移动，而上下滚动条保持不变？1。

4、你好，给你写了一个很基础的例子。参照着自己优化成你想要的效果吧。示例是这样的，鼠标移动到div上，背景图片会从左往右移动直至最右端。鼠标移出div，背景图标从右往左直至最左端。

Q2: 需求:一个web页面中有两个iframe,里面分别有一个div,鼠标拖动一个iframe...

initPagerList 为 iframe 页面内的方法。

HTML中a标签中有一个属性target你应该使用过，target后面的参数包括 _blank _parent _self _top framename 可以确定在何处打开目标 URL.注意最后一个framename就是你要打开的frame（框架名）。

有两种思路：利用JS，通过显示和隐藏Div的方法作到。

form method=post action=Post.php target=Clframe 完全行得通。不管是全屏frame 还是局部iframe都可以用。但注意看我上面target的用法，Clframe为目标iframe的名称。

可以同时显示多个。我做了一个实验，在父页面中创建了2个iframe页面，分别对他们进行了浮动处理（float）和定位处理（position）。

Q3: 用js控制div跟随鼠标移动,鼠标点击后,鼠标离开,div留在当前点击的位置怎...

你要的应该是拖拽效果，可以通过jq插件做 http：//基本原理就是鼠标按下修改div的left和top（或者right/bottom）。鼠标离开不变。

鼠标按键替换键盘的方法是：1控制面板-辅助功能(大概是这个意思，中文具体叫什么不记得了)-鼠标键这个功能可以用小键盘来模拟鼠标。楼主仔细找一下。

不用CSS是行不通的，js或jquery做出的效果，也是使用了css中的相关属性。