按钮控制文字上下滚动

< html >
< head >
< title > Untitled Document </ title >
< meta http - equiv = " Content-Type "  c >
< style type = " text/css " >
#divUpControl {position:absolute; width:320; left:230; top:100; z-index:1; text-align: right}
#divDownControl {position:absolute; width:320; left:230; top:360; z-index:1; text-align: right}
#divContainer {position:absolute; width:320; height:240; overflow:hidden; top:120; left:230; clip:rect(0,320,240,0); visibility:hidden}
#divContent {position:absolute; top:0; left:0}
</ style >
< script language = " JavaScript " > //  begin absolutely positioned scrollable area object scripts
//  Extension developed by David G. Miles
//  Original Scrollable Area code developed by Thomas Brattli
function verifyCompatibleBrowser() {
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw = new  verifyCompatibleBrowser()
var speed = 50
var loop, timer
function ConstructObject(obj,nest) {
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=MoveAreaUp;this.down=MoveAreaDown;
this.MoveArea=MoveArea; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function MoveArea(x,y) {
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y
}
function MoveAreaDown(move) {
if(this.y>-this.scrollHeight+objContainer.clipHeight){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function MoveAreaUp(move) {
if(this.y<0){
this.MoveArea(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)
}
}
function PerformScroll(speed) {
if(initialised){
loop=true;
if(speed>0) objScroller.down(speed)
else objScroller.up(speed)
}
}
function CeaseScroll() {
loop=false
if(timer) clearTimeout(timer)
}
var initialised;
function InitialiseScrollableArea() {
objC ConstructObject('divContainer')
objScroller=new ConstructObject('divContent','divContainer')
objScroller.MoveArea(0,0)
objContainer.css.visibility='visible'
initialised=true;
}
//  end absolutely positioned scrollable area object scripts
</ script >
</ head >
< body bgcolor = " #000000 "  text = " #CCCCCC "  link = " #00CCFF "  vlink = " #00CCFF "  alink = " #00CCFF "  leftmargin = " 0 "  topmargin = " 0 "  marginwidth = " 0 "  marginheight = " 0 "   >
< div id = " divUpControl " >   < a href = " javascript:; "    >< font size = " 1 "  face = " Verdana, Arial, Helvetica, sans-serif " > [scroll
up] </ font ></ a >   </ div >
< div id = " divDownControl " >   < a href = " javascript:; "    >< font face = " Verdana, Arial, Helvetica, sans-serif "  size = " 1 " > [scroll
down] </ font ></ a >   </ div >
< div id = " divContainer "  style = " visibility: visible " >
< div id = " divContent " >   < b > Scroll Area Content Start </ b >
< p >   < font face = " Verdana, Arial, Helvetica, sans-serif "  size = " 2 " > This template
is  free  as   is ,  as   long   as  you leave the copyright and link to my site on
it. If you want the menu and banner  < a href = " customizedmailto:rkaic@yifan.net " > customized </ a > ,
I will  do  it  for  $ 30 . I can also  do  the content insertion  as  well  as  customization
and uploading  for  $ 350   for  up to  8  pages. This template uses DHTML scrollable
layers  for  the content, so you need to be familiar with DHTML. If you like
this  template, visit my site  for  more templates.  </ font ></ p >
< p >< font face = " Verdana, Arial, Helvetica, sans-serif "  size = " 2 " > Et harumd dereud
facilis est er expedit distinct. Nam liber a tempor cum soluta nobis eligend
optio comque nihil quod a impedit anim id quod maxim placeat facer possim
omnis es voluptas assumenda est, omnis dolor repellend. Temporem autem quinsud
et aur office debit aut tum rerum necesit atib saepe eveniet ut er repudiand
sint et molestia non este recusand. </ font ></ p >
< p >< font face = " Verdana, Arial, Helvetica, sans-serif "  size = " 2 " > Lorem ipsum
dolor sit amet, consectetur adipscing elit, sed diam nonnumy eiusmod tempor
incidunt ut labore et dolore magna aliquam erat volupat. </ font ></ p >
< p >< font face = " Verdana, Arial, Helvetica, sans-serif "  size = " 2 " > Et harumd dereud
facilis est er expedit distinct. Nam liber a tempor cum soluta nobis eligend
optio comque nihil quod a impedit anim id quod maxim placeat facer possim
omnis es voluptas assumenda est, omnis dolor repellend. Temporem autem quinsud
et aur office debit aut tum rerum necesit atib saepe eveniet ut er repudiand
sint et molestia non este recusand. </ font ></ p >
< font face = " Verdana, Arial, Helvetica, sans-serif "  size = " 2 " >< b > Scroll Area
Content End </ b >   </ font ></ div >
</ div >
<!--  end absolutely positioned scrollable area  object   -->
<!--  begin absolutely positioned scrollable area  object -->
</ body >
</ html >

转载于:https://www.cnblogs.com/DavidLc/archive/2008/02/14/1069032.html