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

《用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("