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)無限級(jí)樹形導(dǎo)航列表效果代碼
- JS+CSS實(shí)現(xiàn)簡單的二級(jí)下拉導(dǎo)航菜單效果
- JS實(shí)現(xiàn)仿雅虎首頁快捷登錄入口及導(dǎo)航模塊效果
- JS實(shí)現(xiàn)黑色大氣的二級(jí)導(dǎo)航菜單效果
- JS+CSS實(shí)現(xiàn)精美的二級(jí)導(dǎo)航效果代碼
- JS實(shí)現(xiàn)帶有抽屜效果的產(chǎn)品類網(wǎng)站多級(jí)導(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)文章
本文介紹的方法基于javascript，css和myFunction結(jié)合可實(shí)現(xiàn)頁面展示轉(zhuǎn)換，下面有個(gè)示例，大家可以參考下2014-07-07
這篇文章主要介紹了js動(dòng)態(tài)獲取時(shí)間的方法,結(jié)合實(shí)例形式分析了javascript日期時(shí)間計(jì)算與頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-08-08
本文主要對原生JS獲取元素集合的子元素寬度的實(shí)現(xiàn)方法進(jìn)行介紹，代碼詳細(xì)，具有很好的參考價(jià)值，需要的朋友一起來看下吧2016-12-12
這篇文章主要介紹了JS正則匹配中文的方法,結(jié)合具體實(shí)例形式分析了JS針對中文的匹配操作相關(guān)技巧與注意事項(xiàng),需要的朋友可以參考下2017-01-01
Axios+Spring?Boot實(shí)現(xiàn)文件上傳和下載
這篇文章主要為大家詳細(xì)介紹了Axios+Spring?Boot實(shí)現(xiàn)文件上傳和下載，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
你知不知道JS對象遍歷順序，本文就來詳細(xì)的介紹了一下JS對象遍歷順序問題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)篩子抽獎(jiǎng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
js canvas實(shí)現(xiàn)QQ撥打電話特效
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)QQ撥打電話特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
基于BootStrap Metronic開發(fā)框架經(jīng)驗(yàn)小結(jié)【一】框架總覽及菜單模塊的處理
這篇文章主要介紹了基于BootStrap Metronic開發(fā)框架經(jīng)驗(yàn)小結(jié)【一】框架總覽及菜單模塊的處理的相關(guān)資料，小編認(rèn)為非常具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
js下將字符串當(dāng)函數(shù)執(zhí)行的方法
js下將字符串當(dāng)函數(shù)執(zhí)行的方法，需要的朋友可以參考下。2011-07-07