首页 > 语言 > JavaScript > 正文

利用JavaScript脚本实现滚屏效果的方法

2024-05-06 16:22:50
字体:
来源:转载
供稿:网友

这篇文章主要介绍了利用JavaScript脚本实现滚屏效果的方法,即一个公告栏显示般的效果,需要的朋友可以参考下

许多制作网页的朋友常常制作公告板、信息窗,也经常为了实现整版页面和图像的滚屏显示而烦恼,不用着急,这里有一个简单的方法来实现滚屏显示。我们没有采用Java的.class程序来实现,也不是动态DHTML语言,只是充分地利用了JavaScript脚本语言的一些函数,写一些简短的JavaScript脚本语言就可实现这一功能。

原代码如下:

 

 
  1. <html> 
  2.  
  3.   <head> 
  4.  
  5.   <script language="Javascript"
  6.  
  7.   <!--//防止错误显示 
  8.  
  9.   locate=0; 
  10.  
  11.   function my_scroller() 
  12.  
  13.   { 
  14.  
  15.    if (locate !=400 ) 
  16.  
  17.   { 
  18.  
  19.    locate++;//值增加 
  20.  
  21.    scroll(0,locate); 
  22.  
  23.    clearTimeout(timer); 
  24.  
  25.    var timer = setTimeout("my_scroller()",2);//控制滚动时间 
  26.  
  27.    timer; 
  28.  
  29.   } 
  30.  
  31.   } 
  32.  
  33.    --> 
  34.  
  35.   </script> 
  36.  
  37.   </head> 
  38.  
  39.   <body OnLoad="my_scroller()"
  40.  
  41.   作者简介:<br><br> 
  42.  
  43.   崔同杰男<br><br>武警工程学院计算机中心<br><br> 
  44.  
  45.   张卫华男<br><br>武警工程学院研究生队<br><br><br><br><br> 
  46.  
  47.   <br><br><br><br><br><br> 
  48.  
  49.   联系地址:<br><br> 
  50.  
  51.   陕西西安武警工程学院计算机中心<br><br>崔同杰<br><br></body> 
  52.  
  53.   </html> 

可以通过改动Locate的值来控制显示页面的长度(原代码为Locate!=400);可修改“SetTimeout(“Scroller()”,2);”中的“2”来改变滚动速度。您可分别做一些调整试试。程序写完保存后需在PII+PWS4.0+IE5平台上调试通过。

简单吗?赶快去试试吧。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选