新版泥客入口

首页 | 新闻 | 网址 | 博客 | 科技 | 非凡 | 杂烩 | 掉牙 | 美图 | 文集 | 扯淡 | 精屁 | 商务 | 网页制作 | 论坛

 
   泥客网>>网页制作  
 
 
  垂直滚动公告板

文章来源: BBS.KESONIC.COM

第一步,请将下列原代码放入html文件的<head>和</head>之间:
<script>
<!--
lstart=120
loop=true
speed=250
pr_step=3
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:80; top:140; left:80; clip:rect(0,250,100,0)">
<div id="divNews" style="position: absolute; top: 78; left: 96; width: 205; height: 190">
<p>这是一个滚动看板<br>
但并不是大家经常看到的<br>
用<font face="Arial">java</font>实现的那种<br>
它采用<font face="Arial">javacript</font>语言和<font face="Arial">DHTML</font>的层<br>
所以你看到的原代码<br>
不需要固定在form框里或者表格里<br>
它是用的<font face="Arial"><div></div></font><br>
你可以把这段代码放在<font face="Arial">HTML<br>
</font>代码里的任何地方<br>
都不会影响它出现的位置</p>
<p>这是一个用处很大的程序<br>
可以用在网页里作广告或则告示板<br>
赶快<font face="Arial">Copy</font>到你的主页里试试吧!</p>
</div></div>


  2005/9/1 23:46:05  阅读 2146 次   [关闭窗口] [打印本页]

相关文章: 近期热点:

视频播放代码(real player) (4485)
控制网页中字体大小的简单方法(锁定... (4467)
根据时间变换的提示信息 (4422)
环绕转动的欢迎标语代码 (4414)
视频播放代码(windows me... (4340)


一些简单实用的HTML代码 (5101)
收集了一些有关网页设计的问题集 (4743)
40种网页常用小技巧(JavaSc... (4620)
视频播放代码(real player) (4485)
控制网页中字体大小的简单方法(锁定... (4467)
根据时间变换的提示信息 (4422)
环绕转动的欢迎标语代码 (4414)
视频播放代码(windows me... (4340)
做网站的必要准备↑
关于Kesonic.com - 站内搜索 - 泥客论坛 - 泥客留言 - 泥客简介 - 网站地图 - 管理
  Copyright 2002-2011 泥客网—小轲之家 All Rights Reserved