資源描述：
《用JQuery在網(wǎng)頁中實現(xiàn)分隔條功能的代碼》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、在C/S系統(tǒng)中有專門的分隔條控件，很方便實現(xiàn)，但在Asp.net中卻沒有。本文介紹了一種使用JQuery技術(shù)實現(xiàn)分隔條的功能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("
