js數(shù)據(jù)向上翻滾_數(shù)據(jù)滾動(dòng)
更新時(shí)間：2008年10月10日 23:11:18 作者：
方便做一些問題提交等宣傳效果，多用于文字滾動(dòng)
復(fù)制代碼 代碼如下:
<script type="text/javascript">
var scrollDelay=10;//數(shù)字越大速度越慢
var Scroll=document.getElementById("scroll");
var Scroll2=document.getElementById("scroll2");
var currentTop=0,preTop=0,stoptime=0,stopscroll=false;
var ScrollChild=Scroll.getElementsByTagName("li");
var ScrollHeight=Scroll.offsetHeight;
function ScrollInfo(){
if(stopscroll==true) return;
currentTop++;
if(currentTop+1>=ScrollHeight){
currentTop--;
stoptime++;
if(stoptime==parseInt(ScrollHeight)*scrollDelay) {
currentTop=0;
stoptime=0;
}
}else{
preTop=Scroll.scrollTop;
Scroll.scrollTop++;
if(preTop==Scroll.scrollTop){
Scroll.scrollTop=Scroll2.offsetHeight-ScrollHeight;
Scroll.scrollTop+=1;
}
}
}
function Int_Scroll(){
Scroll2.innerHTML="";
Scroll2.innerHTML=Scroll.innerHTML;
Scroll.innerHTML=Scroll2.innerHTML+Scroll2.innerHTML;
Scroll.onmouseover=function(){
stopscroll=true;
}
Scroll.onmouseout=function(){
stopscroll=false;
}
setInterval("ScrollInfo()",scrollDelay);
}
window.setTimeout("Int_Scroll()",1000);
</script>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js實(shí)現(xiàn)無限級樹形導(dǎo)航列表效果代碼
- JS+CSS實(shí)現(xiàn)簡單的二級下拉導(dǎo)航菜單效果
- JS實(shí)現(xiàn)仿雅虎首頁快捷登錄入口及導(dǎo)航模塊效果
- JS實(shí)現(xiàn)黑色大氣的二級導(dǎo)航菜單效果
- JS+CSS實(shí)現(xiàn)精美的二級導(dǎo)航效果代碼
- JS實(shí)現(xiàn)帶有抽屜效果的產(chǎn)品類網(wǎng)站多級導(dǎo)航菜單代碼
- JS+CSS實(shí)現(xiàn)帶有碰撞緩沖效果的豎向?qū)Ш綏l代碼
- JS實(shí)現(xiàn)仿FLASH效果的豎排導(dǎo)航代碼
- JS+CSS實(shí)現(xiàn)鼠標(biāo)滑過時(shí)動(dòng)態(tài)翻滾的導(dǎo)航條效果
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS+DIV實(shí)現(xiàn)拖動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
實(shí)時(shí)編輯網(wǎng)頁網(wǎng)頁文字實(shí)時(shí)編輯，如同TEXTBOX一般
實(shí)時(shí)編輯網(wǎng)頁網(wǎng)頁文字實(shí)時(shí)編輯，如同TEXTBOX一般...2007-03-03
Bootstrap組件學(xué)習(xí)之導(dǎo)航、標(biāo)簽、面包屑導(dǎo)航(精品)
這篇文章主要介紹了Bootstrap組件學(xué)習(xí)之導(dǎo)航、標(biāo)簽、面包屑導(dǎo)航(精品)的相關(guān)資料,需要的朋友可以參考下2016-05-05
JS實(shí)現(xiàn)進(jìn)入頁面時(shí)漸變背景色的方法
這篇文章主要介紹了JS實(shí)現(xiàn)進(jìn)入頁面時(shí)漸變背景色的方法,涉及javascript操作css控制背景色漸變的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JavaScript實(shí)現(xiàn)簡單MD5加密的腳本分享
MD5信息摘要算法是一種被廣泛使用的密碼散列函數(shù)，可以產(chǎn)生出一個(gè)128位（16字節(jié)）的散列值（hash value），用于確保信息傳輸完整一致。本文將用JavaScript實(shí)現(xiàn)簡單MD5加密，感興趣的可以了解一下2022-10-10
有關(guān)suggest快速刪除后仍然出現(xiàn)下拉列表的bug問題
寫suggest的時(shí)候，有時(shí)我們快速刪除輸入框的文字后，但是suggest下拉列表還有出現(xiàn)，導(dǎo)致的原因是因?yàn)閍jax異步請求造成的，下面通過本文給大家分享下解決方法，感興趣的朋友一起看看2016-12-12
JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié)
這篇文章主要介紹了JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。2016-11-11
這篇文章主要為大家詳細(xì)介紹了js自定義彈框插件的簡單封裝，自己封裝一個(gè)彈框插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
下面小編就為大家?guī)硪黄瞧趲椎牟煌_本寫法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
js實(shí)現(xiàn)仿微博滾動(dòng)顯示信息的效果
這篇文章主要介紹了js實(shí)現(xiàn)仿微博滾動(dòng)顯示信息的效果,通過由上往下滾動(dòng)來實(shí)現(xiàn)不斷顯示微博的，而且每一天新微博都是通過淡入效果顯示的,需要的朋友可以參考下2015-12-12