垂 直 滚 动 看 板
阿明 1999-7-5
第一步：请将下列原代码放入html文件的<head>和</head>之间
<script>
<!--
lstart=150
loop=true
speed=250
pr_step=5
function makeObj(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(document.layers) ?
eval(nest+'document.'+obj):eval(obj+'.style')
this.scrollHeight=
document.layers?this.css.document.height:eval(obj+'.offsetHeight')
this.up=goUp
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
function goUp(speed){
if(parseInt(this.css.top)>-this.scrollHeight){
this.css.top=parseInt(this.css.top)-pr_step
setTimeout(this.obj+".up("+speed+")",speed)
}else if(loop) {
this.css.top=lstart
eval(this.obj+".up("+speed+")")
}
}
function slideInit(){
oSlide=makeObj('divNews','divCont')
oSlide.css.top=lstart
oSlide.up(speed)
}
onload=slideInit
//-->
</script>
其中lstart设置滚动开始的时间，loop设置是否循环，speed是滚动速度，pr_step设置间距。
第二步：请将下列代码放入html文件的任何地方，建议放在最后，就是</html>之后。
<div id="divCont" style="position:absolute;
width:500; height:50; top:270;
left:250; clip:rect(0,300,100,0)">
<div id="divNews" style="position:absolute;
top:0; left:0">
<table border=0 width=300><tr><td><font style="font-size:9pt;color:#0080c0;">
这是一个垂直滚动看板，但它并不是用复杂的Java所实现的，而是采用Javacript语言和
DHTML的层直接生成的。你只要将几段代码放在HTML页面中就可以看到希望的效果了。<br>
<br>
这个特效很实用，可以用作网页广告、告示板、更新通知等地方。</td></tr></table>
</DIV></DIV>
其中的width,height,top,left可以按自己要求更改层的
位置，clip:rect后的四个数字则定义了文字的顶端缩进、高度、宽度、左边界缩进。