精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>DHTML,JavaScript专栏>>网页技巧----滚动看板

主题:网页技巧----滚动看板
发信人: aaa234(我只只在乎你)
整理人: eagle(2001-07-09 19:37:40), 站内信件
看过电影或电视吗?(废话!)节目完了后会有一行行的字从底下冒出,想不想
在网上做一个?当然用JAVA也可以做,但我很讨厌它,太慢了。所以我要用其他
方法做了,仔细看吧。  

<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+'.sty
le')
this.scrollHeight=document.layers?this.css.document.height:eval(ob
j+'.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> 

<TITLE>XXXXXXXX</TITLE>  

</HEAD> 

    说明:将黄色这段代码加入网页相应位置,等等,还没完,接着往下看。  


<div id="divCont"
style="position:absolute; width:300; height:100; top:120; left:280; cl
ip:rect(0,250,150,0)"><div
id="divNews" style="position:absolute; top:0; left:0"> 

<p>这是一个滚动看板<br> 
但并不是大家经常看到的<br> 
用java实现的那种<br> 
它采用javacript语言和DHTM
L的层<br> 
所以你看到的原代码<br> 
不需要固定在form框里或者表格里<br> 
它是用的<div></div><br> 
你可以把这段代码放在HTML<br> 
代码里的任何地方<br> 
都不会影响它出现的位置</p> 

<p>这是一个用处很大的程序<br> 
可以用在网页里作广告或则告示板<br> 
赶快Copy到你的主页里试试吧!</p> 
</div></div>  

    说明: 
    1、将绿色这段代码加入网页任意位置就大功告成了,不过建议放在</html>
之后。 
    2、lstart设置起始位置,loop设置是否循环,speed是滚动速度,pr_step设
置间距。 
    3、width、height、top、left可以按自己要求更改,文字也可以改为自己需
要的。  
    4、但有一个奇怪的问题,你只有将整个页面放在一个表格里才能实现你现在
看到的效果,如果不这样,就是另一种效果,大家可以自己试试,反正我是百思
不得其解,谁知道原因吗? 


[关闭][返回]