用JQuery在网页中实现分隔条功能的代码.docVIP

下载本文档

2
0
约4.82千字
约 4页
2018-01-13 发布于河南
举报
版权申诉

用JQuery在网页中实现分隔条功能的代码.doc

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

用JQuery在网页中实现分隔条功能的代码

在C/S系统中有专门的分隔条控件，很方便实现，但在A中却没有。本文介绍了一种使用JQuery技术实现分隔条的功能 Javascript代码如下，将该代码保存成JS文件后在HTML中引用。代码如下: jQuery.noConflict(); jQuery.fn.extend({ jsplit: function (j) { return this.each(function () { j = j || {}; j.Btn = j.Btn || {}; j.Btn.oBg = j.Btn.oBg || {}; j.Btn.cBg = j.Btn.cBg || {}; var jun = { MaxW: 600px , MinW: 260px , FloatD: left , IsClose: false , BgUrl: , Bg: #fff , Btn: { btn: true , oBg: { Out: #333, Hover: orange } , cBg: { Out: #333, Hover: orange} } , Fn: function () { } } j.MaxW = parseInt(j.MaxW) || parseInt(jun.MaxW); j.MinW = parseInt(j.MinW) || parseInt(jun.MinW); j.FloatD = j.FloatD || jun.FloatD; j.IsClose = j.IsClose != undefined ? j.IsClose : jun.IsClose; j.BgUrl = j.BgUrl || jun.BgUrl; j.Bg = j.Bg || jun.Bg; j.Btn.btn = j.Btn.btn != undefined ? j.Btn.btn : jun.Btn.btn; j.Btn.oBg.Out = j.Btn.oBg.Out || jun.Btn.oBg.Out; j.Btn.oBg.Hover = j.Btn.oBg.Hover || jun.Btn.oBg.Hover; j.Btn.cBg.Out = j.Btn.cBg.Out || jun.Btn.cBg.Out; j.Btn.cBg.Hover = j.Btn.cBg.Hover || jun.Btn.cBg.Hover; j.Fn = j.Fn || jun.Fn; var antiD = j.FloatD == left ? right : left; if (j.MinW j.MaxW) { var amax = j.MaxW; j.MaxW = j.MinW; j.MinW = amax; }; var _self = this; var Close = false; jQuery(_self).css({ position: relative, float: j.FloatD, overflow: hidden, padding: 0px }); jQuery(_self).wrapInner(div class=jsplit-c style=top:0px;z-index:9999;zoom:1;width:100%;overflow:hidden;position:relative;height:100%/div); jQuery(_self).children(.jsplit-c).append(div class=jsplit-e unselectable=on style=background:#fff;height:100%;width:6px;top:0px;-moz-user-select:none; + antiD + :0px;position:absolute;cursor:e-resize;overflow:hidden;z-index:10000;div class=jsplit-e-handle unselectable=on style=height:40px;width:100%;top:50%;margin-top:-20px;left:0;position:absolute;cursor:pointer;-moz-user-select:none;/div/div); var dw = jQuery(_self).width(); var jsplitc = jQuery(_self).children(.jsplit-c); var jsplite = jsplitc.children(.jsplit-e);