基本信息
源码名称：自定义可拖拽的模块(生成网页模板)
源码大小：0.04M
文件格式：.zip
开发语言：js
更新时间：2019-02-27
友情提示：（无需注册或充值，赞助后即可获取资源下载链接）
嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300
本次赞助数额为： 2 元×
微信扫码支付：2 元
×
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
源码介绍
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>dragView.js</title>
<link rel="stylesheet" href="./css/style.css">
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="./jquery.dragView.js"></script>
</head>
<body>
<div class="admin-view-control">
<div class="control-scroll">
<div class="control-body">
<div class="title clearfix">
<h1>可视化编辑</h1>
<button type="button" class="btn btn-save"><span>保存</span></button>
<button type="button" class="btn btn-exit"><span>退出</span></button>
</div>
<dl class="views">
<dt>首页相关</dt>
<dd class="view-item"><div class="view-box"><p class="tempText">拖拽板块</p></div></dd>
<dd class="view-item"><div class="view-box"><p class="tempText">拖拽板块</p></div></dd>
<dd class="view-item"><div class="view-box"><p class="tempText">拖拽板块</p></div></dd>
</dl>
<dl class="views">
<dt>商品相关</dt>
<dd class="view-item"><div class="view-box"><p class="tempText">拖拽板块</p></div></dd>
<dd class="view-item"><div class="view-box"><p class="tempText">拖拽板块</p></div></dd>
<dd class="view-item"><div class="view-box"><p class="tempText">拖拽板块</p></div></dd>
</dl>
</div>
</div>
</div>
<div class="admin-view-page">
<div id="header">Header</div>
<div id="main">
<div class="dragView_panel">
<div class="drag_module">
<div class="drag_module_mask"></div>
<div class="drag_module_head"></div>
<div class="drag_module_btn">
<a class="btn-delete" title="删除板块">删除</a><a class="btn-edit" title="编辑板块">编辑</a>
</div>
<div class="home-images">
<div class="w clearfix">
<div class="item first">
<a href="#"><img src="images/1.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/2.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/3.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/4.jpg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="drag_module">
<div class="drag_module_mask"></div>
<div class="drag_module_head"></div>
<div class="drag_module_btn">
<a class="btn-delete" title="删除板块">删除</a><a class="btn-edit" title="编辑板块">编辑</a>
</div>
<div class="home-images">
<div class="w clearfix">
<div class="item first">
<a href="#"><img src="images/1.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/2.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/3.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/4.jpg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="drag_module">
<div class="drag_module_mask"></div>
<div class="drag_module_head"></div>
<div class="drag_module_btn">
<a class="btn-delete" title="删除板块">删除</a><a class="btn-edit" title="编辑板块">编辑</a>
</div>
<div class="home-images">
<div class="w clearfix">
<div class="item first">
<a href="#"><img src="images/1.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/2.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/3.jpg" alt=""></a>
</div>
<div class="item">
<a href="#"><img src="images/4.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">Footer</div>
</div>
<script type="text/javascript">
dragView.init({
item: 'view-box',
panel: 'dragView_panel',
module: 'drag_module'
});
</script>
</body>
</html>