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