利用JavaScript腳本實現滾屏效果的方法
- PHPz原創
- 2016-05-16 15:51:061253瀏覽
這篇文章主要介紹了利用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教學
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn