不用java的垂直滚动看板

hjmdaptw

hjmdaptw

2016-01-29 18:16

不用java的垂直滚动看板,不用java的垂直滚动看板
  次看板是采用javacript语言和DHTML的层,不需要固定在form框里或者表格里,它用的是<div</div,你可以把这段代码放在HTML代码里的任何地方,都不会影响它出现的位置,这是一个用处很大的程序
可以用在网页里作广告或则告示板,主要做法分三步:

第一步,请将下列原代码放入html文件的<head和</head之间
<script
<!--
lstart=200
loop=true
speed=350
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:300; height:100; top:120; left:280; clip:rect(0,250,150,0)"<div
id="divNews" style="position:absolute; top:0; left:0"

<div id="divCont"
style="position:absolute; width:300; height:100; top:120; left:280; clip:rect(0,250,150,0)"<div
id="divNews" style="position:absolute; top:0; left:0"
<p欢迎大家光临我家<br
每个走进这地方的人<br
都能找到想找的东西<br
这里是数字化的空间<br
我,你,他,她<br
执着爱这个世界的人<br
生活在这个世界<br
我的小岛也就成了<br
这世界的驿站<br
我期望这里会成为大家愉快的休憩场所<br
也非常渴望在这里与大家相知相识</p
</div</div

其中的width,height,top,left可以按自己要求更改,文字也可以改为自己需要的. 
展开更多 50%)
分享

猜你喜欢

不用java的垂直滚动看板

ASP
不用java的垂直滚动看板

垂直滚动信息板

Web开发
垂直滚动信息板

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

怎样显示Word2024中的垂直和水平滚动条

word
怎样显示Word2024中的垂直和水平滚动条

word2024右侧垂直滚动条不见了怎么显示

word
word2024右侧垂直滚动条不见了怎么显示

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Word 2024右侧垂直滚动条消失了怎么办?

word
Word 2024右侧垂直滚动条消失了怎么办?

word2024右侧垂直滚动条不见了怎么办

word
word2024右侧垂直滚动条不见了怎么办

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Word也会作间谍

Word也会作间谍

Word中快速插入条形码

Word中快速插入条形码
下拉加载更多内容 ↓