按钮控制文字上下滚动
2013年02月03日
⁄ 综合
⁄ 共 4884字 ⁄ 字号
小 中 大
<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>