jQuery拖拽排序插件制作拖拽排序效果（附源码下载)

使用jquery拖拽排序插件制作拖拽排序效果是一款非常实用的鼠标拖拽布局插件。效果图如下：

效果演示源码下载

超文本标记语言代码：

氕水平拖拽/h1 div class=' demo ' div class=' item 1 ' span 1/span/div class=' item 2 ' span 2/span/div class=' item 3 ' span 3/span/div class=' item 4 ' span 4/span/div class=' item 5 ' span 5/span/div/div脚本src=' http 3360 js/jquery-1。11 .3 .量滴js '/script script src=' http 3360 js/jj演示')。dad()；});/脚本！-以下信息与演示无关，可不必理会-style body { margin : 0；边框-左侧： 200像素实心# ccc} h1 {宽度： 1000pxmargin: 40px自动；font: 32px '微软雅黑；}.演示{ width : 1000 pxmargin : 0 auto }。菜单{ position : absolute eleft : 0；top : 0；底部： 0；宽度： 200像素；填充-top : 100 px；font-family: Consolas，arial '宋体；背景色： # CCC}.菜单{ display:块；高度： 40pxmargin : 0 1px 2 xpadding-left : 10px；线高： 40pxfont-size : 14px颜色： # 333文本装饰：无；}.菜单a :悬停{底色： # eee}.菜单cur { color: # 000背景-color: #fff！重要；}.宽度为728像素高度： 90px余量： 0自动订购-底部： 40px实心透明；}/style div class=' menu ' a class=' cur ' href=' index。html ' 1，水平拖放/aa href='index2.html'2，垂直拖放/aa href='index3.html'3，多行拖放/aa href='index4.html'4，指定拖动区域/aa href='index5.html'5，回调函数/aa href='index6.html'6、允许/禁止拖放/aa href='index7.html'7、仿垃圾篓/aa href='index8.html'8、仿购物车/a/div以上所述是小编给大家介绍的jQuery拖拽排序插件制作拖拽排序效果（附源码下载),希望对大家有所帮助！