js+css实现div拖动并排序

如图，我想让这四个div（带图和文字的框）可以拖动排序，这四个div是写在同一个div下相同类名的div（图2）怎么用js实现，最好能帮我写一下，或是有文章解说之类的，谢谢
最好能帮我写一下

举报该问题

第1个回答 2017-06-07

看这里：http://www.jq22.com/jquery-info4584
这个插件不错，

希望对你有帮助，谢谢本回答被提问者和网友采纳

相似回答

设置div滚动条滚动到指定位置?答：js设置div滚动到固定位置可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。动态页面的操作（滚动屏幕到指定元素位置）和DIV滚动条滚动#第一种方法：focus（这个是元素正好在屏幕中间）targetE...

js中如何拖动DIV中的图片?答：drag.js代码：var params = {left: 0,top: 0,currentX: 0,currentY: 0,flag: false};//获取相关CSS属性var getCss = function(o,key){return o.currentStyle? o.currentStyle[key] : document.defaultView.getComputedStyle(o,false)[key]; };//拖拽的实现var startDrag = function(bar, ta...

css如何实现div随滚动条移动css左右滚动条答：1、首先需要新建一个HTML文档，这里设立一下基本的架构。2、再新建一个CSS文件，用link关联一下HTML文档。3、创建DIV标签，并且往里面填充内容。4、先设定一下滚动条内框的大小。6、overflow-y:scroll;overflow-x:scroll;加上这个样式滚动条就会出现了。cssp固定一个p使这个p不随着网页的滚而滚动，就...

div+ css滚动条怎样实现答：("#p_id").animate({scrollTop:100},300);以上代码可以实现，scrollTop表示向下滚到多少距离，300表示滚动动画时间，单位毫秒 Div+Css布局教程？正好自己以前写过，奉上最简短的代码，效果已亲测，兼容IE7/8以及Chrome等现代浏览器，代码如下：!doctypehtml> html> head> metacharset="utf-8"> tit...

...要求用jquery或者js实现当高度超过500px时出现纵向的滚动条_百度...答：第一种方法是直接给div添加样式属性。具体步骤如下：1. 使用CSS设置div的overflow属性，可以设置为overflow-y: auto；2. 设置div的高度，例如：height: 500px；第二种方法是使用JavaScript。首先，获取目标div元素，例如：var div = document.getElementById('show');，然后设置其样式属性，代码如下：div...

怎样用js实现每次点击按钮都使div向右移动50px答：<div class="test"></div><br><button id="move">点击移动</button> JavaScript代码如下：var btn_click=document.getElementById("move");var box=document.querySelector(".test");var a=0;btn_click.onclick=function(){ a=a+50;box.style.left=a+'px';} 这段代码首先通过getElement...

大家正在搜

js实现div拖动 jquery实现div拖动 div可拖动css3 css3div拖拽 divcss布局经典实例 div可拖动 html5拖动div htmldiv框拖动 h5拖动div

使用js+css做一个仿照安卓手机桌面菜单，可以拖动排序、合...

js或jQuery 实现 div模块拖拽布局并排列保存结果，...

使用传统的js和css怎样实现在一个Div的范围中拖拽另一个...

我要在java web 的jsp中加入拖拽效果，如把div拖...

HTML+js,如何实现拖动鼠标绘制一个矩形，鼠标拖动矩形还...

JS控制多个div拖拽和拖动、且能保存到数据库中？谁有de...

只用JS实现鼠标拖动div移动

js怎么实现多个div的拖动效果？？？？？