垂直滚动的公告板

垂直滚动公告板[修改显示的文字][共2步]

====1、将下列代码加入HEML的<head></head>之间:

  
  
  
  
  1. <script>  
  2. <!--  
  3. lstart=200  
  4. loop=true 
  5. speed=350   
  6. pr_step=5   
  7. function makeObj(obj,nest){  
  8. nest=(!nest) ? '':'document.'+nest+'.' 
  9. this.css=(document.layers) ? eval(nest+'document.'+obj):eval(obj+'.style')  
  10. this.scrollHeight=document.layers?this.css.document.height:eval(obj+'.offsetHeight')  
  11. this.up=goUp  
  12. this.obj = obj + "Object" 
  13. eval(this.obj + "=this")  
  14. return this  
  15. }  
  16. function goUp(speed){  
  17. if(parseInt(this.css.top)>-this.scrollHeight){  
  18. this.css.top=parseInt(this.css.top)-pr_step  
  19. setTimeout(this.obj+".up("+speed+")",speed)  
  20.  
  21. }else if(loop) {  
  22. this.css.top=lstart  
  23. eval(this.obj+".up("+speed+")")  
  24. }  
  25. }  
  26. function slideInit(){  
  27. oSlide=makeObj('divNews','divCont')  
  28. oSlide.css.top=lstart  
  29. oSlide.up(speed)  
  30. }  
  31.  
  32. //-->  
  33. </script> 


====2、将下列代码加入HEML的<body></body>之间:

  
  
  
  
  1. <div id="divCont" 
  2. style="position:absolute; width:300; height:100; top:120; left:280; clip:rect(0,250,150,0)"><div  
  3. id="divNews" style="position:absolute; top:0; left:0">  
  4. <p>这是一个滚动看板<br>  
  5. 但并不是大家经常看到的<br>  
  6. 用<font face="Arial">java</font>实现的那种<br>  
  7. 它采用<font face="Arial">javacript</font>语言和<font face="Arial">DHTML</font>的层<br>  
  8. 所以你看到的原代码<br>  
  9. 不需要固定在form框里或者表格里<br>  
  10. 它是用的<font face="Arial">&lt;div&gt;&lt;/div&gt;</font><br>  
  11. 你可以把这段代码放在<font face="Arial">HTML<br>  
  12. </font>代码里的任何地方<br>  
  13. 都不会影响它出现的位置</p>  
  14. <p>这是一个用处很大的程序<br>  
  15. 可以用在网页里作广告或则告示板<br>  
  16. 赶快<font face="Arial">Copy</font>到你的主页里试试吧!</p>  
  17. </div></div>  

 

你可能感兴趣的:(滚动,垂直,公告板)