寫了一個拖動排序插件

drag.js

drag.js是一款拖動排序插件,適配pc端和手機端。
demo地址 --https://tls1234.github.io/draghtml

html 結構

<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插件

相關文章
相關標籤/搜索