利用JavaScript实现网页自动滚屏效果

作者:代码拾荒

时间:2026-10-29

浏览:508

本文介绍如何使用简单的JavaScript脚本实现网页内容的自动滚屏显示功能。通过修改定位值和定时器参数,可灵活控制滚动长度与速度,无需Java或动态DHTML,适合公告板及信息窗展示。

文章目录

JavaScript实现网页自动滚屏效果

许多网页开发者在制作公告板或信息窗口时,常需实现页面或图像的自动滚动效果。本文提供一种基于JavaScript脚本的简易实现方案,无需依赖Java类文件或动态DHTML技术,仅需编写简短的JavaScript代码即可达成目标。

 

相关实现代码如下:


<html>

  <head>

  <script language="Javascript">

  <!--//防止错误显示

  locate=0;

  function my_scroller()

  {

   if (locate !=400 )

  {

   locate++;//值增加

   scroll(0,locate);

   clearTimeout(timer);

   var timer = setTimeout("my_scroller()",2);//控制滚动时间

   timer;

  }

  }

   -->

  </script>

  </head>

  <body OnLoad="my_scroller()">

  作者简介:<br><br>

  崔同杰男<br><br>武警工程学院计算机中心<br><br>

  张卫华男<br><br>武警工程学院研究生队<br><br><br><br><br>

  <br><br><br><br><br><br>

  联系地址:<br><br>

  陕西西安武警工程学院计算机中心<br><br>崔同杰<br><br></body>

  </html>

可通过调整Locate变量的阈值(原代码中为Locate!=400)来控制滚动页面的总长度;同时,修改setTimeout函数中的第二个参数(原值为“2”)可调节滚动速度。建议分别调整这些参数以观察效果。代码保存后,需在PII处理器、PWS 4.0服务器及IE 5浏览器环境下测试通过。

实现过程是否简便?欢迎尝试应用。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章