drag.js是一款拖動排序插件,適配pc端和手機端。
demo地址 --https://tls1234.github.io/draghtml
<ul class="item-group"> <li class="item">item1</li> <li class="item">item2</li> <li class="item">item3</li> <li class="item">item4</li> <li class="item">item5</li> </ul>
只須要new一個 Drag()對象git
new Drag( )
第一個參數爲ul元素
第二個參數爲一個Object對象 (此對象可省略,則啓用默認配置)
其中 supernatant爲拖動時候的浮層元素的一些樣式配置項, select爲底層選中的元素樣式配置項github
var drag = new Drag('.item-group', { supernatant: { boxShadow : "0 4px 10px #DEDADA", background : '#fff', opacity: '0.8' }, select: { background: '#efefef' } })
歡迎star https://github.com/tls1234/drag插件