加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

行使jQuery在网页中实现脱离线的成果

发布时间:2018-08-25 00:38:03 所属栏目:业界 来源:站长网
导读:在C/S体系中有专门的脱离条控件,很利便实现,但在Asp.net中却没有。本文先容了一种行使JQuery技能实现脱离条的成果。 Java script代码如下,将该代码生涯成JS文件后在HTML中引用。 Copy to Clipboard 引用的内容:[www.veryhuo.com]jsplit jQuery.noConfl

 按以下步调修改HTML文件:
1. 增进对JQuery和方才天生的jsplit.js文件的引用。 

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] <script language='javascript' src='jquery-1.4.4.min.js'></script>
<script language='javascript' src='jsplit.js'></script>

2. 为要被拖动巨细的DIV或TD界说ID。 

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] <table>
<tr>
<td id="tt" style="background:#999999">test</td>
<td style="background:#009999" width="400">test Table</td>
</tr>
</table>

3. 增进Javascript挪用Split。

Copy to ClipboardLiehuo.Net Codes引用的内容:[www.veryhuo.com] <script type="text/javascript">
$(document).ready(function(){
jQuery('#tt').jsplit();
});
</script>

这样就实现了客户端的脱离条的成果,如下图所示:

行使jQuery在网页中实现脱离线的成果

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读