1 Star 0 Fork 139

bobosui/DWZ_JUI

forked from DWZ团队/DWZ_JUI 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
w_panel.html 2.24 KB
一键复制 编辑 原始数据 按行查看 历史
DWZ团队 提交于 2017-11-16 11:14 . v1.6.0
<h2 class="contentTitle">面板</h2>
<div class="pageContent sortDrag" selector="h1" layoutH="42">
<div class="panel" defH="150">
<h1>不可折叠面板1</h1>
<div>
<table class="list" width="98%">
<thead>
<tr>
<th width="80">序号</th>
<th>姓名</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张三</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="panel close collapse" defH="150">
<h1>可折叠默认关闭面板</h1>
<div>
<table class="table" width="98%">
<thead>
<tr>
<th width="80">序号</th>
<th>姓名</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张三</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td></td>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="panel collapse" minH="100" defH="150">
<h1>可折叠默认打开面板</h1>
<div>
<p>内容</p>
<p>内容</p>
<p>内容</p>
</div>
</div>
<div id="testDrag" style="border:1px solid red;">test</div>
</div>
<script>
$.fn.extend({
divDrag: function (options) {
return this.each(function () {
var $box = $(this);
$box.mousedown(function(event){
var position = $box.position();
$box.css({
position:'absolute',
top:position.top,
left:position.left,
width:$box.width()+'px',
height:$box.height()+'px'
}).jDrag({
event:event
});
});
});
}
});
$('#testDrag').divDrag();
</script>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/bobosui/dwz_jui.git
git@gitee.com:bobosui/dwz_jui.git
bobosui
dwz_jui
DWZ_JUI
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385