利用JavaScript腳本實現(xiàn)滾屏效果的方法
更新時間：2015年07月07日 11:08:36 投稿：goldensun
這篇文章主要介紹了利用JavaScript腳本實現(xiàn)滾屏效果的方法,即一個公告欄顯示般的效果,需要的朋友可以參考下
許多制作網(wǎng)頁的朋友常常制作公告板、信息窗，也經(jīng)常為了實現(xiàn)整版頁面和圖像的滾屏顯示而煩惱，不用著急，這里有一個簡單的方法來實現(xiàn)滾屏顯示。我們沒有采用Java的.class程序來實現(xiàn)，也不是動態(tài)DHTML語言，只是充分地利用了JavaScript腳本語言的一些函數(shù)，寫一些簡短的JavaScript腳本語言就可實現(xiàn)這一功能。
原代碼如下：
<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>武警工程學(xué)院計算機中心<br><br>
張衛(wèi)華男<br><br>武警工程學(xué)院研究生隊<br><br><br><br><br>
<br><br><br><br><br><br>
聯(lián)系地址：<br><br>
陜西西安武警工程學(xué)院計算機中心<br><br>崔同杰<br><br></body>
</html>
可以通過改動Locate的值來控制顯示頁面的長度(原代碼為Locate!=400)；可修改“SetTimeout(“Scroller()”,2);”中的“2”來改變滾動速度。您可分別做一些調(diào)整試試。程序?qū)懲瓯４婧笮柙赑II+PWS4.0+IE5平臺上調(diào)試通過。
簡單嗎？趕快去試試吧。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細介紹了javascript實現(xiàn)查詢商品功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了JavaScript截斷字符串的方法,涉及javascript字符串截取的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
詳解JS構(gòu)造函數(shù)中this和return
本文通過實例代碼給大家介紹了JS構(gòu)造函數(shù)中this和return，需要的朋友參考下吧2017-09-09
這篇文章給大家介紹了JS實現(xiàn)按鈕控制計時開始和停止功能，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-07-07
下面小編就為大家?guī)硪黄狫S選取DOM元素的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
JavaScript函數(shù)式編程(Functional Programming)純函數(shù)用法分析
這篇文章主要介紹了JavaScript函數(shù)式編程(Functional Programming)純函數(shù)用法,結(jié)合實例形式分析了javascript函數(shù)式編程中純函數(shù)的函數(shù)依賴、所指透明等概念相關(guān)原理及使用技巧,需要的朋友可以參考下2019-05-05
本文主要介紹了原生js實現(xiàn)可拖拽效果的實例，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
javascript 制作坦克大戰(zhàn)游戲初步 圖片與代碼
javascript 制作坦克大戰(zhàn)游戲初步 圖片與代碼...2007-11-11
下面小編就為大家?guī)硪黄猨avascript的列表切換【實現(xiàn)代碼】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。2016-05-05
大家都知道Promise解決了回調(diào)地獄的問題,“回調(diào)地獄”所說的嵌套其實是指異步的嵌套,它帶來了兩個問題:可讀性的問題和信任問題,下面這篇文章主要給大家介紹了關(guān)于JS中promise特點與信任問題解決的相關(guān)資料,需要的朋友可以參考下2022-06-06