Tip: you can modify some code before running
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>Subtitle scrolling effect similar to the TAB</title></head><body onload=init()> <SCRIPT language=JavaScript>Function DynLayer (id, nestref, frame) {if (! Is. ns5 &&! DynLayer. set &&! Frame) DynLayerInit () this. frame = frame | selfif (is. ns) {if (is. ns4) {if (! Frame) {if (! Nestref) var nestref = DynLayer. nestRefArray [id] if (! DynLayerTest (id, nestref) returnthis.css = (nestref )? Eval ("document." + nestref + ". document." + id): document. layers [id]} else this.css = (nestref )? Eval ("frame.doc ument. "+ nestref + ". document. "+ id): frame.doc ument. layers [id] this. elm = this. event = this.cssthis.doc = this.css.doc ument} else if (is. ns5) {this. elm = document.getelementbyid(id1_this.css = this.elm.stylethis.doc = document} this. x = this.css. leftthis. y = this.css. topthis. w = this.css. clip. widththis. h = this.css. clip. height} else if (is. ie) {this. elm = this. event = this.frame.doc ument. a Ll[id=this.css = this.frame.document.all?id=.stylethis.doc = documentthis. x = this. elm. offsetLeftthis. y = this. elm. offsetTopthis. w = (is. ie4 )? This.css. pixelWidth: this. elm. offsetWidththis. h = (is. ie4 )? This.css. pixelHeight: this. elm. offsetHeight} this. id = idthis. nestref = nestrefthis. obj = id + "DynLayer" eval (this. obj + "= this")} function DynLayerMoveTo (x, y) {if (x! = Null) {this. x = xif (is. ns) this.css. left = this. xelse this.css. pixelLeft = this. x} if (y! = Null) {this. y = yif (is. ns) this.css. top = this. yelse this.css. pixelTop = this. y} function DynLayerMoveBy (x, y) {this. moveTo (this. x + x, this. y + y)} function DynLayerShow () returns this.css. visibility = (is. ns4 )? "Show": "visible"} function DynLayerHide () export this.css. visibility = (is. ns4 )? "Hide": "hidden"} DynLayer. prototype. moveTo = DynLayerMoveToDynLayer. prototype. moveBy = DynLayerMoveByDynLayer. prototype. show = DynLayerShowDynLayer. prototype. hide = DynLayerHideDynLayerTest = new Function ('return true') function DynLayerInit (nestref) {if (! DynLayer. set) DynLayer. set = trueif (is. ns) {if (nestref) ref = eval('document.'{nestref}'.doc ument ') else {nestref = ''; ref = document;} for (var I = 0; I<ref.layers.length; i++) {var divname = ref.layers[i].nameDynLayer.nestRefArray[divname] = nestrefvar index = divname.indexOf("Div")if (index >0) {eval (divname. substr (0, index) + '= new DynLayer ("' + divname + '", "' + nestref + '")')} if (ref.layers+ I }.doc ument. layers. length> 0) {DynLayer. refArray [DynLayer. refArray. length] = (nestref = '')? Ref. layers [I]. name: nestrefw.'.doc ument. '+ ref. layers [I]. name} if (DynLayer. refArray. I <DynLayer. refArray. length) {DynLayerInit (DynLayer. refArray [DynLayer. refArray. I ++])} else if (is. ie) {for (var I = 0; I<document.all.tags("DIV").length; i++) {var divname = document.all.tags("DIV")[i].idvar index = divname.indexOf("Div")if (index >0) {eval (divname. substr (0, index) + '= new DynLayer ("' + divname + '")') }} return true} DynLayer. nestRefArray = new Array () DynLayer. refArray = new Array () DynLayer. refArray. I = 0DynLayer. set = falsefunction dynlayerspoliceto (endx, endy, inc, speed, fn) {if (endx = null) endx = this. xif (endy = null) endy = this. yvar distx = endx-this.xvar disty = endy-this.ythis.slideStart (endx, endy, distx, disty, inc, speed, fn)} funct Ion DynLayerSlideBy (distx, disty, inc, speed, fn) {var endx = this. x + distxvar endy = this. y + distythis. slideStart (endx, endy, distx, disty, inc, speed, fn)} function DynLayerSlideStart (endx, endy, distx, disty, inc, speed, fn) {if (this. slideActive) returnif (! Inc) inc = 10if (! Speed) speed = 20var num = Math. sqrt (Math. pow (distx, 2) + Math. pow (disty, 2)/incif (num = 0) returnvar dx = distx/numvar dy = disty/numif (! Fn) fn = nullthis. slideActive = truethis. slide (dx, dy, endx, endy, num, 1, speed, fn)} function DynLayerSlide (dx, dy, endx, endy, num, I, speed, fn) {if (! This. slideActive) returnif (I ++ <num) {this. moveBy (dx, dy) this. onSlide () if (this. slideActive) setTimeout (this. obj + ". slide ("+ dx +", "+ dy +", "+ endx +", "+ endy +", "+ num +", "+ I + ", "+ speed +", "" + fn + "") ", speed) else this. onSlideEnd ()} else {this. slideActive = falsethis. moveTo (endx, endy) this. onSlide () this. onSlideEnd () eval (fn)} function DynLayerSlideInit () {} DynLayer. prototype. slideInit = DynLayerSlideInitDynLayer. pr Ototype. spoliceto = dynlayerspolicetodynlayer. prototype. slideBy = DynLayerSlideByDynLayer. prototype. slideStart = DynLayerSlideStartDynLayer. prototype. slide = DynLayerSlideDynLayer. prototype. onSlide = new Function () DynLayer. prototype. onSlideEnd = new Function () function DynLayerClipInit (clipTop, clipRight, clipBottom, clipLeft) {if (is. ie) {if (arguments. length = 4) this. clipTo (clipTop, clipRight, clipBottom, ClipLeft) else if (is. ie4) this.clipto(0, this.css.pixelwidth,this.css. pixelHeight, 0)} function DynLayerClipTo (t, r, B, l) {if (t = null) t = this. clipValues ('t') if (r = null) r = this. clipValues ('r') if (B = null) B = this. clipValues ('B') if (l = null) l = this. clipValues ('L') if (is. ns) implements this.css. clip. top = tthis.css. clip. right = rthis.css. clip. bottom = bthis.css. clip. left = l} else if (is. ie) this.css. clip = "Rect (" + t + "px" + r + "px" + B + "px" + l + "px)"} function DynLayerClipBy (t, r, B, l) {this. clipTo (this. clipValues ('t') + t, this. clipValues ('r') + r, this. clipValues ('B') + B, this. clipValues ('L') + l)} function DynLayerClipValues (which) {if (is. ie) var clipv = this.css. clip. split ("rect (") [1]. split (")") [0]. split ("px") if (which = "t") return (is. ns )? This.css. clip. top: Number (clipv [0]) if (which = "r") return (is. ns )? This.css. clip. right: Number (clipv [1]) if (which = "B") return (is. ns )? This.css. clip. bottom: Number (clipv [2]) if (which = "l") return (is. ns )? This.css. clip. left: Number (clipv [3])} DynLayer. prototype. clipInit = DynLayerClipInitDynLayer. prototype. clipTo = DynLayerClipToDynLayer. prototype. clipBy = DynLayerClipByDynLayer. prototype. clipValues = DynLayerClipValuesfunction DynLayerWrite (html) {if (is. ns) export this.doc.open(export this.doc.write(html?this.doc. close ()} else if (is. ie) {this. event. innerHTML = html} DynLayer. prototype. write = DynLayerWritefunction BrowserCheck () {var B = navigator. appNameif (B = "Netscape") this. B = "ns" else if (B = "Microsoft Internet Explorer") this. B = "ie" else this. B = bthis. version = navigator. appVersionthis. v = parseInt (this. version) this. ns = (this. B = "ns" & this. v> = 4) this. ns4 = (this. B = "ns" & this. v = 4) this. ns5 = (this. B = "ns" & this. v = 5) this. ie = (this. B = "ie" & this. v> = 4) this. ie4 = (this. version. indexOf ('msie 4')> 0) this. ie5 = (this. version. indexOf ('msie 5')> 0) this. min = (this. ns | this. ie)} is = new BrowserCheck () function css (id, left, top, width, height, color, vis, z, other) {if (id = "START ") return'<STYLE TYPE="text/css">N'else if (id = "END") return'</sTYLE>'Var str = (left! = Null & top! = Null )? '#' + Id + '{position: absolute; left:' + left + 'px; top: '+ top + 'px ;': '#' + id + '{position: relative;' if (arguments. length> = 4 & width! = Null) str + = 'width: '+ width + 'px;' if (arguments. length> = 5 & height! = Null) {str + = 'height: '+ height + 'px;' if (arguments. length <9 | other. indexOf ('clip') =-1) str + = 'clip: rect (0px '+ width + 'px' + height + 'px 0px ); '} if (arguments. length> = 6 & color! = Null) str + = (is. ns )? 'Layer-background-color: '+ color +'; ': 'background-color:' + color + ';' if (arguments. length> = 7 & vis! = Null) str + = 'Visibility: '+ vis +'; 'If (arguments. length> = 8 & z! = Null) str + = 'Z-index: '+ z +'; 'If (arguments. length = 9 & other! = Null) str + = ''+ otherstr + = '} n' return str} function writeCSS (str, showAlert) {str = css ('start ') + str + css ('end') document. write (str) if (showAlert) alert (str )}</sCRIPT><SCRIPT language=JavaScript>Function MiniScroll (window, content) {this. window = windowthis. content = contentthis. inc = 8this. speed = 20this. contentHeight = (is. ns )? This.content.doc. height: this. content. elm. scrollHeightthis. contentWidth = (is. ns )? This.content.doc. width: this. content. elm. scrollWidththis. up = MiniScrollUpthis. down = MiniScrollDownthis. left = MiniScrollLeftthis. right = MiniScrollRightthis. stop = MiniScrollStopthis. activate = MiniScrollActivatethis. activate (this. contentWidth, this. contentHeight)} function MiniScrollActivate () {this. offsetHeight = this. contentHeight-this.window.hthis.offsetWidth = this. contentWidth-this.window.wthis.enableVScroll = (this. offsetHeight> 0) this. enableHScroll = (this. offsetWidth> 0)} function MiniScrollUp () {if (this. enableVScroll) this. content. s0000eto (null, 0, this. inc, this. speed)} function MiniScrollDown () {if (this. enableVScroll) this. content. slideTo (null,-this. offsetHeight, this. inc, this. speed)} function MiniScrollLeft () {if (this. enableHScroll) this. content. s0000eto (0, null, this. inc, this. speed)} function MiniScrollRight () {if (this. enableHScroll) this. content. slideTo (-this. offsetWidth, null, this. inc, this. speed)} function MiniScrollStop () {this. content. slideActive = false}</sCRIPT><SCRIPT language=JavaScript><!--function init() {pulloutContent = new Array()pulloutWindow = new Array()pulloutScroll = new Array()for (var i=0;i<=4;i++) {pulloutContent[i] = new DynLayer('pullout'+i+'Content')pulloutWindow[i] = new DynLayer('pullout'+i+'Window')pulloutWindow[i].slideInit()pulloutScroll[i] = new MiniScroll(pulloutWindow[i],pulloutContent[i])}pulloutShown = 0}function pulloutStart(i) {if (i!=pulloutShown) {pulloutActive = truepulloutWindow[pulloutShown].slideTo(-285,null,15,15,'pulloutEnd('+i+')')}}function pulloutEnd(i) {pulloutShown = ipulloutWindow[i].slideTo(0,null,15,15,'pulloutActive==false')}//--></sCRIPT><STYLE type=text/css>A {FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: 'arial'}. scroll {COLOR: # ffffff} STRONG {FONT-WEIGHT: bold; FONT-SIZE: 15pt; LINE-HEIGHT: 25pt; FONT-FAMILY: 'arial'} P {FONT-SIZE: 10pt; LINE-HEIGHT: 13pt; FONT-FAMILY: 'arial'} # pulloutInterface {LEFT: 50px; WIDTH: 400px; CLIP: rect (0px 400px 250px 0px); POSITION: absolute; TOP: 50px; HEIGHT: 250px; BACKGROUND-COLOR: #000000; layer-background-color: #000000} # pullout0Sidebar {LEFT: 5px; WIDTH: 100px; CLIP: rect (0px 100px 30px 0px); POSITION: absolute; TOP: 5px; HEIGHT: 30px; BACKGROUND-COLOR: # dedede; layer-background-color: # DEDEDE} # pullout1Sidebar {LEFT: 5px; WIDTH: 100px; CLIP: rect (0px 100px 30px 0px); POSITION: absolute; TOP: 40px; HEIGHT: 30px; BACKGROUND-COLOR: # c5c5c5; layer-background-color: # C5C5C5} # pullout2Sidebar {LEFT: 5px; WIDTH: 100px; CLIP: rect (0px 100px 30px 0px); POSITION: absolute; TOP: 75px; HEIGHT: 30px; BACKGROUND-COLOR: # a2a2a2; layer-background-color: # A2A2A2} # pullout3Sidebar {LEFT: 5px; WIDTH: 100px; CLIP: rect (0px 100px 30px 0px); POSITION: absolute; TOP: 110px; HEIGHT: 30px; BACKGROUND-COLOR: # 7e7e7e; layer-background-color: # 7E7E7E} # pullout4Sidebar {LEFT: 5px; WIDTH: 100px; CLIP: rect (0px 100px 30px 0px); POSITION: absolute; TOP: 145px; HEIGHT: 30px; BACKGROUND-COLOR: # 7e7e7e; layer-background-color: # 7E7E7E} # pulloutUpDown {LEFT: 5px; POSITION: absolute; TOP: 200px} # pulloutViewArea {LEFT: 110px; WIDTH: 285px; CLIP: rect (0px 285px 240px 0px); POSITION: absolute; TOP: 5px; HEIGHT: 240px; BACKGROUND-COLOR: #000000; layer-background-color: #000000} # pullout0Window {LEFT: 0px; WIDTH: 285px; CLIP: rect (0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: # dedede; layer-background-color: # DEDEDE} # pullout0Content {LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px} # pullout1Window {LEFT:-285px; WIDTH: 285px; CLIP: rect (0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: # c5c5c5; layer-background-color: # C5C5C5} # pullout1Content {LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px} # pullout2Window {LEFT:-285px; WIDTH: 285px; CLIP: rect (0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: # a2a2a2; layer-background-color: # A2A2A2} # pullout2Content {LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px} # pullout3Window {LEFT:-285px; WIDTH: 285px; CLIP: rect (0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: # 7e7e7e; layer-background-color: # 7E7E7E} # pullout3Content {LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px} # pullout4Window {LEFT:-285px; WIDTH: 285px; CLIP: rect (0px 285px 240px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 240px; BACKGROUND-COLOR: # 7e7e7e; layer-background-color: # 7E7E7E} # pullout4Content {LEFT: 5px; WIDTH: 275px; POSITION: absolute; TOP: 0px}</sTYLE><DIV id=pulloutInterface><DIV id=pullout0Sidebar><P align=center>ASP. NET</p></dIV><DIV id=pullout1Sidebar><P align=center>VB. NET</p></dIV><DIV id=pullout2Sidebar><P align=center>C #. NET</p></dIV><DIV id=pullout3Sidebar><P align=center>PHP. NET</p></dIV><DIV id=pullout4Sidebar><P align=center>DELPHI. NET</p></dIV><DIV id=pulloutUpDown>Up<BR>Down</dIV><DIV id=pulloutViewArea><DIV id=pullout0Window><DIV id=pullout0Content><DIV align=center><STRONG>ASP. NET</sTRONG></dIV><TABLE width=275 border=0> <TBODY> <TR> <TD> <P>A very practical paging class with 24 types of paging button styles to choose from, along with the demo program and call instructions. The demo database is ACCESS, implement paging functions and styles like DISCUZ and Google Forum.</p> </tD></tR></tBODY></tABLE></dIV></dIV><DIV id=pullout1Window><DIV id=pullout1Content><DIV align=center><STRONG>VB. NET</sTRONG></dIV><TABLE width=275 border=0> <TBODY> <TR> <TD> <P>A very practical paging class with 24 types of paging button styles to choose from, along with the demo program and call instructions. The demo database is ACCESS, implement paging functions and styles like DISCUZ and Google Forum.</p></tD></tR></tBODY></tABLE></dIV></dIV><DIV id=pullout2Window><DIV id=pullout2Content><DIV align=center><STRONG>C #. NET</sTRONG></dIV><TABLE width=275 border=0> <TBODY> <TR> <TD> <P>A custom control for a TextBox input box with multiple input types. It can only be an integer, a decimal number, an uppercase letter or a lowercase letter, or an unlimited number of characters, although this function is already available in VB, this control is a user-defined control, which is easier to use.</p> </tD></tR></tBODY></tABLE></dIV></dIV><DIV id=pullout3Window><DIV id=pullout3Content><DIV align=center><STRONG>PHP. NET</sTRONG></dIV><TABLE width=275 border=0> <TBODY> <TR> <TD> <P>C # Examples of source code related to dynamic operation of mouse properties, such as hiding and displaying the mouse pointer, exchanging the left and right mouse keys, changing the shape of the mouse pointer, and calling Windows mouse settings panel. Tips, more beneficial.</p> <P>A custom control for a TextBox input box with multiple input types. It can only be an integer, a decimal number, an uppercase letter or a lowercase letter, or an unlimited number of characters, although this function is already available in VB, this control is a user-defined control, which is easier to use.</p></tD></tR></tBODY></tABLE></dIV></dIV><DIV id=pullout4Window><DIV id=pullout4Content><DIV align=center><STRONG>DELPHI. NET</sTRONG></dIV><TABLE width=275 border=0> <TBODY> <TR> <TD> <P>C # Examples of source code related to dynamic operation of mouse properties, such as hiding and displaying the mouse pointer, exchanging the left and right mouse keys, changing the shape of the mouse pointer, and calling Windows mouse settings panel. Tips, more beneficial.</p></tD></tR></tBODY></tABLE></dIV></dIV></dIV></dIV></body></html></td> </tr></table>
Tip: you can modify some code before running
