分页显示代码js

1、一个封装了得选项卡效果js ！ DO TYPE HTM P BL C -/W3C DTD H ML 4 、 01 Transi ion /EN ? meta -eq iv ”C ntent Type nte l; ha set gb23 ” ? titl 井底得蛙/titlescr pt ype text/ja as r pt ” ? /* ?选项卡封装 ? ” e t/by井底得蛙 ?20 8 2 4 /opC d = fu ction(）? ?t is 、b nd =n A r y （）； h s、index ;/ 默认显示哪个选项卡,从 0 开始 ?t is 、tyl = wArr y

2、（ );/， ”, ” ?t is 、ove S yle= f lse ；/ 选项就是否有ver , o t 变换样式事件， 样式为 th s、style 2 ?t is 、 overChange alse;/ 内容就是否用over ，out直接激活 ?his 、 menu fa se ； / 菜单类型t i、 esting = a s ,false, ， ” ;/ 就是否嵌套,后面个参数就是指定enu ， in o 得子集深度所用i ? his 、 ut false ， 1 0 ；/ 自动滚动 tr e， 20 0 is 、 tim rID =nu l;/ 自动播放得th 、 menut e

3、rID null;/ 菜单延时得 ?t is 、c e = f ti n（ un ） ? ar_a rM nu=d cu ent 、 getElemen ByI (this 、 bin ）、 etElementsByT g ame(ths 、bin 1 ） ;varar In o= docu e t 、 et lement yId （th 、 bin 2 ) 、 etElement B T gName （ this 、bind ) ； army= t is ， i；?v argLe = uments、l gth ；v r arrM=newA ray();?if （ s、 neting0| th

4、i、 nes ng1 )/有选项卡嵌套/过滤出需要得数据?vararrMenu= hisnesting 0 ？ g tCh ld (_ar Menu ， is 、bind0,2）： arrMenu;vararrInfo i、 nesting1 ?getChi ds （ _ Ino,t is 、 bind2 ,3):_arr nf ; ? ?el e、_ rrInfo;?var ar M nu = _ rrMnu；?var arr fo =?var l = a Me 、 length;if(l ！=arrInfo、 len th ） ert （ 菜单与内容必须拥有相同得数量n 如果需要 , 您可

5、以放一个空得在那占位。 ） ?/修正 f(th s、menu) t s、 uto=fal；this 、 v Change= r e ；/ 如果就是菜单，则没有自动运行，有ove , out直接激活?/循环添加各个事件等for （ i=0;il;i+）? ?ar Me u iame ar Men i 、c ass me ；? rrMen i 、cl sN e=( ！ this 、ind x this、menu）？ g tClass （arrMenui ，this 、s yle0 ）:ge l s （ rMen i ，this 、 s y e );/ 加载样式 ,菜单得话统一样式 ?if （ rM

6、e u 、ge Attribut（ ”kip ”） / 需要跳过得容器 ?if （ thi 、 overSt le | this、 over hange）/有 ver ， ou 改变样式 或者激活 ?ar M n i、 onm u eove func ion() ha T tle （ his,2) ； utoSto ( his ，0 ） ; ?a rMenu i 、 onmo eout f nction （ ) ang Titl（ t i , ) ； oS op （t is ，1) ； ?arrMenui、on lic functio（） f(ar Ln =1) nc （） arrInfoi、

7、 tyl 、 isplay”n ; ?con ue ； ?if（！ =this 、i dex th s、 enu)a rInfo i 、style 、disply= non ;/隐藏初始化，菜单得话全部隐藏?arrMenui 、 ide ；/ 记录自己激活值 序号 rI foi 、 nde i； ?if( his 、 ov h ng )/ 有鼠标o er , ou 事件 ?arrM nui 、 n ou eo erfunctio () angeO tion(t is) ；、e ？ cha geM nu(）： autoStop(th s ，0) ； ?rrM n 、 mous ut = f nc

8、 ion（）ch n eOp i（ t is ）;my 、menu？ ha Menu （ ) ： u o t p(th s， ）；? ?el e on lick触发 ? rMen i 、oncl ck = funct （） cha g i (this)； autoStop(this,） ;if （ argL n=1） u c（） ?if(th s、 ve S yl )/ 有 ver , u 改变样式 ? rrMenu、 onmouseov =funct n( ） ha geTitle( hi ,2 ）；au o op（ h s， );?ar enu i 、 o ou eout= func io

9、n （ )change itle（ this， 0) ； au Stp （ th ，1 ）； ?e se/没有 ver ,out 改变样式 ? ? f（ th s、auto 0 )/ 有自动运行a rM n i 、 onmousover = fu ctio （ )auo o (thi ,0) ；arrMenu 、 on o seout= f ct on( ） uto to （ his,） ; ? ? ?if（ this、 ut | t is 、me u)/arrinfo控制自动播放 ? rrI foi、onm y、 menu？ cha geM nu(1 ） :aut t p （ t is ，

10、use ver = function（）0 ）； arrIn 、 onm use u f nction （) y 、 e u?cha Me u(0) ： au Stop （ this, 1 ）； ?/ o 结束 ?i （ this 、 au 0) ?this 、ti er D = s tTimeout（ autoMove，this 、auto ) ? /自动播放 ?fun tionau Move( ） ? a n; ? =m 、 n ex+1 ；?i（ =l)n=0;wh le（ a rMe n 、g tA t ib te( ” ip ）/需要跳过得容器? ?n = 1 ；i (n = ） 0

11、;?changeOption（ arrMenun）；?my 、timerID =etT meout（ au o ve ，my 、 au o ) ；?/ onmouse ver 时 ,自动播放停止。 num ：0 为 over ，1 为 out 。 bj 暂时无用。 - -! unction autoStop（ obj,num ） ?i （ ！ m 、 auto 0) e urn;? /i （ bj 、 index=my、 nd ） ?n m =? cl ar imeout(my、 timerID)： my 、 mer D = se T meo t(aut Move,m、auto 1); ? /

12、改变选项卡functioch nge pt on （ ob ) ? ? r Menu m 、 ind x 、 cla sNa e getCl s（ rrMen y、 inde ，、 s y 0 );/ 修改旧内容arr nfomy、 ind x 、 style 、displ y =n e ”；隐藏旧内容 ?obj 、la sN me=get las ( bj ，y 、 tyle 1 );/ 修改为新样式 ? rr o b、ndex、 st le 、 splay=” ；/ 显 示新内 容 ?、 ndex= o j 、 in ex;/ 更新当前选择得i dex/ 只有 o lick 时 ,o er

13、 ty e 得 onmouse v r， nmouseou事件 . 用来预激活 ?ob : 目标对象。 um ：为 over ，0 为u ?*/func i n ch if( ！my 、 overS le ） return d x)o 、 cl ssNam n e itl （ o j,n m) ? ?； ；? f （ bj 、inde ！ =m 、 i= getClass（ obj ， y、styl nu ） ?obj:?目标对象.n m:1菜单类型时用为 over ，为ut / unc i n chan eMe (num)if （ !my 、 me u ） return； ?nu =0?my

14、utim rIDsetTi e u （ me u lose,1000）： clea Timeou (myti e ID) ? ? / 关闭菜单fu tionm nuC ose() ? rrInfo my 、 index、 style 、 display = na rMe my 、 index、 clas N me et ass、 me 、 m n ne ”;（ arrMe um 、 index ,my 、 style 0 ) ；?/得到classNam( 防止将原有样式覆盖)ls retfunctio tClass( , s ） ?if(o me= n oam +” + ?”)re r ? ?

15、/ 嵌套情况下得到真正得子集 n tion gethilds （ arrO j ， d, num）var de h=0 ； rfir Objmy 、 ne ti gnum=0 ： do ument、 etElemen B Id(m、 es i g num);第一个子集 ?/ 计算深度 ?if （ fi st bj 、 p rent odbute( ”id ） =id） b ea else de th+=1 ?r Obj 、 are t o ；”？ rrO / 得到、 getAttrf rstObj= fwhi （ irstObj、tagNam、to werCa e( ）！=bod ）/bo y

16、强制退出。var t;、 lengh ； i+va arr = ） ew A ray( ）； ? / 过滤出需要得数据for(i=0;irObt=a rOb i ，d 0; ?do ?if （ t 、pa ntode、ge Att ibute( id ”)= id &d = dpth) ?数据 ?arr、p s (a Obj i)； reak;/ 得到lse ?if （ d=dep） reak ； d+ 1; ?t= t、 pare tNod ；while （、 t gNam、 t Low rCase（）!=body）/ o y强制退出?returnr ; ? w nd ?、onload =

17、u tion（）va aa ne opC d （）；a 、 bind a1, iv ， ” , div；?aa 、st le =1_ ，” 1_1 ， ”a1_0 ； a 、 index 0; ?aa 、nesti =fal e ， t ue, ， aa 、 creat(）；a null ；? /默认得 oncl k 中，第一个例子var b a= ew opCad( ）；b 、 bind = a2 ”,”li ”, 2 ”, div ”；bb 、 ty ”s l 1, ”tyle2,styl 3 ”；bba 、 o erSt e = tr e ； ?bba 、 cre () ； ?bba =

18、 ull ；/默认得onclick中 , 第二个例子?varbbb=newbbb 、 bin = ”a3,li， ”b , ”div ; b 、styl tyl 1 ”, st le2 ，”styl ”；?t u ； ? bb 、 crea （） ; ?bbb = nul;op ar （ ); ?bbb 、o erStyle/onmo ov r 触发中得例子?va ccc 、 bin =a ”， ”li”， b4 , di ; c、 stylestyle1， sty e2 ”， ”st le3; c、 over ty e= true;cc 、 ov rC nge =tr e ；= ne opC

19、 rd （ );c、 creat()；c u l；? wopCard （）； d 、 i=a5style2”, style ； ?/ 自动播放aut”,”li ,b5 ”，”d v ; ?dd 、 to = true第一个例子 ?dd 、style， 3000；v r = sty= e1 ，dd 、 r at （ ) ； dd = null;? / 自动播放 t 第二个例子var e = nopCar （）； e 、 b nd = ”a ， ”li ， b6, ” ”；e 、 tyle = st le1, ”ty e2 ”， style3；e、 aut tr e ， 2 0 ;? e 、 o

20、erC a ge =ee 、 creat(） ;ee = null；t u ；/ 自动播放 au o 第三个例子 ?var ff = ew op ard(）； f、 i d = a ”,li,”b ， iv ；?ff 、 yle= ” tyle , s yle2 ”,”sty e3 ；?ff 、au o t ，10 0；ff 、 verChange = ue ；?f 、 verS yle = tue ；ff 、 creat(）；ff = null ；? / 菜单导航例子 ?var gg= new pCa d （） ; ?gg 、 bi d = ”a8 ”， ”li， ”b8 ”,”div;gg

21、 、st e = s yle1”， style ”， ”st le3；gg 、 ov rStyle =ru ;gg 、 menu t ue; ?gg 、 r at （） ; ? g= nu ； ?/ 其她应用 a hh = nw opCard();hh 、 bind = ”a9 ， ”li ”， a9 ”， li ”；hh 、 yle= t e4 , ty e4 ”， s l ”； ?/h、 ov rStyle =ru ；、 autotrue， 100；h 、 rea （ ) ；h = nul ； ? ? s yletype text/cssbodyf n - e:1 p ； font fam

22、il ： e dana,宋体 ; ， l argin ： 0px ； a ding ： 0px ；，di font-s e ： 2px ? 、a1 0 bo er ：1pxd 3399F； wi h: 20； background colo:#f5f5f5； ar i ： 3px ； p ddn ：2p 0p ; ursor: o n r ； ?、a1_ bor e :1px s id#F 990 ； width： 120px;mar in ： 3p；pa ing: x0 x ； c rs r:pointer;、es te de r t on:unde ne ；? b div 、s bor e

23、 : pxso id#99 9；wid ： % ； ight ：500px; rgi :3 x； pd in ： 0px; overflow y:auto; lne ei ht ：18 x ；?# 1 d v、 sr ng c lo ： 006 FF；? /*/ ? 、style1float:left； w t ： 0px ；bac gro nd olor:#f5f 5; border： p solid 3 9 F； ex -a n ：ce te ； argi -r ght： p ； li t- yle yp :no e; cursor：pointer ； ? 、 style loat: t;

24、w d h ： 80px； back ound color ：#f f f5 ； bor er ：1p so id F99 ； tex ali ： cente ； m rgin ght:2px； lis st le t p ： none； cursor: oi t r; 、style3 l： lef ; width ：80px; c grou d co or ： 5f5 5 ； o der:1px solid 666666; xt-al g : enter ； margin ght： x;list-style type ： n ; cursor ： int ;# 2 ， a3, a4， #a

25、， a6 ， a7 ， 8 ight:22px ； ? 2 iv ，b3 di ， b4 div， 5di ， 6 div ， #b7 dv bo der ： pxsolidFF 900； heig： 100px； wid h ：400px； p dd ng ： px ； over lowy ：auto ；b8 ivbo er ： px so id F 99 ； he h ： 0px; width:3 0px ；pa ing ： x px ；? b8 d v amargin- ght:20p；? 、st le4 floa :le t ； b ckgrou d c lor ： 99 9 ;tex

26、t ali n ： le t;lis styl type:none； p di g ： x 5px; colr:#FFF FF ； /s yle /h ad ? b d t blewidth= 100 b rder=” lls ac ng 0cel paddi g=0 r div c a s ”te ” 简单介绍 di di c ass= ” est ”默认得on lick/dv onmouover触发 /div v s=t t ” 自动播放uto i ? divclass ”t t 菜单导航 其她应用 一些说明 class= est bsp ；&nbs；/ iv ? di cla s= te

27、stnbsp ；封装了一个选项卡, 不过已经不像选项卡了- - ！ ! ！ r br ?现稍微说明下吧, 如果不明白得话，旁边有几个例子可能说明起来更清楚些b ?p ? st on o 、 bind = ”a ， d ”， ”b1 ”， ”div ；/str ng br ?绑定 id= ”a1 下得 d 标签为菜单 , 绑定 id= ”下得 d v 标签为内容 , 简单么？ r t 标 签 得 数 量 与 i 标 签 得 数 量 必 须 相 同 b ?（若不需要显示内容，只显示菜单话，可以这个在td 标签上加t;td k p=tr e t ；） br ?如果 id= 1 下得 td 标签有嵌套

28、表格，这样得话，就不就是所有得td 都就是菜单，这时候需要用下estingb br ? st o ob 、nes ing = fal e,tru ，”， ”; 卡内容就是放在这样就可以了 br 当标签t g 有嵌套时，需要用到这个 ?div 容器里 ,而本身这个内容里也有div 标签 ,这时就需要用到菜单嵌套为l e, 内容嵌套为true, 且会自动判断出内容标签，br 比如选项b 多数时候判断方法为, 认定 et men sByTagNa e一项 , 其她得就用这个第一项得深度来判断r 但有些情况下，这样还就是不行br ?数做 d来指定菜单或者内容得第一项e tin =后第一个标签为内容第我

29、用后面 2 个参s ， true, , 2;这样就肯定不会错了（不明白得话瞧下例子就简单多了)br br?stron obj 、 index 0 ； /str ng br 默认显示第几个选项卡，序号从0 开始 菜单加载得样式得clas a e:?菜单未选中菜单选中得cl s Na e 就是 c2菜单 nmouseover得 class a e 就是 3 b ?sro gobj、 v Styl alse ； /str g br选项卡就是否有o ouseov r ，onmo seo t 变换样式事件 非激活选项卡内容 , 对应得样式为s yl 2 br br ? t n b 、verChang =false ； br ?选项卡内容就是否用mouseover，onm u eout直接激活 ?strong o j 、 e u= alse ； br st ong ob 、 auto = f lse ，1000； /str ng br ?选项卡就是否自动播放，播放速度( 毫秒） b stro g ob 、 creat(）； tr ng br