首頁 > web前端 > js教程 > 利用JavaScript腳本實現滾屏效果的方法

利用JavaScript腳本實現滾屏效果的方法

PHPz
發布: 2018-10-12 17:27:25
原創
1259 人瀏覽過

這篇文章主要介紹了利用JavaScript腳本實現滾屏效果的方法,即一個公告欄顯示般的效果,需要的朋友可以參考下

許多製作網頁的朋友常常製作公告板、信息窗,也經常為了實現整版頁面和圖像的滾屏顯示而煩惱,不用著急,這裡有一個簡單的方法來實現滾屏顯示。我們沒有採用Java的.class程式來實現,也不是動態DHTML語言,只是充分地利用了JavaScript腳本語言的一些函數,寫一些簡短的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(“Scroller()”,2);」中的「2」來改變滾動速度。您可分別做一些調整試試。程式寫完保存後需在PII PWS4.0 IE5平台上調試通過。

更多相關教學請造訪 JavaScript教學

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板