欢迎来到天天文库
浏览记录
ID:37780040
大小:22.50 KB
页数:4页
时间:2019-05-31
《用JQuery在网页中实现分隔条功能的代码》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、在C/S系统中有专门的分隔条控件,很方便实现,但在Asp.net中却没有。本文介绍了一种使用JQuery技术实现分隔条的功能Javascript代码如下,将该代码保存成JS文件后在HTML中引用。代码如下:jQuery.noConflict();jQuery.fn.extend({jsplit:function(j){returnthis.each(function(){j=j
2、
3、{};j.Btn=j.Btn
4、
5、{};j.Btn.oBg=j.Btn.oBg
6、
7、{};j.Btn.cBg=j.Btn.cBg
8、
9、{};varjun={MaxW:"600px
10、",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)
11、
12、parseInt(jun.MaxW);j.MinW=parseInt(j.MinW)
13、
14、parseInt(jun.MinW);j.FloatD=j.FloatD
15、
16、jun.FloatD;j.I
17、sClose=j.IsClose!=undefined?j.IsClose:jun.IsClose;j.BgUrl=j.BgUrl
18、
19、jun.BgUrl;j.Bg=j.Bg
20、
21、jun.Bg;j.Btn.btn=j.Btn.btn!=undefined?j.Btn.btn:jun.Btn.btn;j.Btn.oBg.Out=j.Btn.oBg.Out
22、
23、jun.Btn.oBg.Out;j.Btn.oBg.Hover=j.Btn.oBg.Hover
24、
25、jun.Btn.oBg.Hover;j.Btn.cBg.Out=j.Btn.cBg.Out
26、
27、jun.B
28、tn.cBg.Out;j.Btn.cBg.Hover=j.Btn.cBg.Hover
29、
30、jun.Btn.cBg.Hover;j.Fn=j.Fn
31、
32、jun.Fn;varantiD=j.FloatD=="left"?"right":"left";if(j.MinW>j.MaxW){varamax=j.MaxW;j.MaxW=j.MinW;j.MinW=amax;};http://www.iniot.cnvar_self=this;varClose=false;jQuery(_self).css({position:"relative",float:j.F
33、loatD,overflow:"hidden",padding:"0px"});jQuery(_self).wrapInner("
34、kground:#fff;height:100%;width:6px;top:0px;-moz-user-select:none;"+antiD+":0px;position:absolute;cursor:e-resize;overflow:hidden;z-index:10000;'>35、inter;-moz-user-select:none;'>
35、inter;-moz-user-select:none;'>
36、.msie){document.execCommand("BackgroundImageCache",fal
此文档下载收益归作者所有