当前位置:主页 > jquery插件 > UI >

jQuery行间拖拽插件

栏目分类:UI   模板编号:JQ00084    发布日期:2017-09-05   来源:网络   浏览次数:次     在线预览
行与行之间移动,行内块状移动,小块独立一行

使用方式:直接在页面初始函数


demo部分HTML代码

<div id="tableMove" class="table-move mouse-down">
    <div id="cover" class="cover"></div>
    <div class="ul col-lg-12">
        <div class="list-line point-events row">
            <div class="col-lg-12">
                <div class="new-line-pointer">
                    <div class="col-lg-12">
                        <div class="creating-list-line">
                            <div class="col-lg-12 creating-li-child-content"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="scroll">
            <div class="li li-inline-flex">
                <div class="li-child-list-line point-events col-lg-1">
                    <div class="col-lg-12 li-child-content"></div>
                </div>
                <div class="li-child">
                    <div class="col-lg-12 li-child-content">1</div>
                </div>
                <div class="li-child">
                    <div class="col-lg-12 li-child-content">1.1</div>
                </div>
                <div class="li-child">
                    <div class="col-lg-12 li-child-content">1.2</div>
                </div>
                <div class="li-child">
                    <div class="col-lg-12 li-child-content">1.3</div>
                </div>
            </div>
        </div>
        .
        .
        .
        .
        .


初始化函数

<script>
    tableMove('#tableMove', 'mousedown');
</script>


在线演示 立即下载
打赏本站
云盘密码:jdce

标签: 拖拽 行间拖拽

相关下载
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载