1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 无缝向上滚动文字代码(Js+div) 可用在公告栏

无缝向上滚动文字代码(Js+div) 可用在公告栏

时间:2024-01-05 19:38:00

相关推荐

无缝向上滚动文字代码(Js+div) 可用在公告栏

<divid="marquees">

<ahref="#">你可曾有过无数的梦想,</a><br>

<br>

<ahref="#">却在时光的流逝里幻灭</a><br>

<br>

<ahref="">你可曾对未来期待憧憬,</a><br>

<br>

<ahref="#">却在成长的岁月中迷失</a><br>

<br>

</div>

<scriptlanguage="JavaScript">

marqueesHeight=200;

stopscroll=false;

with(marquees){

style.width=0;

style.height=marqueesHeight;

style.overflowX="visible";

style.overflowY="hidden";

noWrap=true;

onmouseover=newFunction("stopscroll=true");

onmouseout=newFunction("stopscroll=false");

}

document.write('<divid="templayer"style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0;currentTop=0;

functioninit(){

templayer.innerHTML="";

while(templayer.offsetHeight<marqueesHeight){

templayer.innerHTML+=marquees.innerHTML;

}

marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;

setInterval("scrollUp()",30);

}

document.body.onload=init;

functionscrollUp(){

if(stopscroll==true)return;

preTop=marquees.scrollTop;

marquees.scrollTop+=1;

if(preTop==marquees.scrollTop){

marquees.scrollTop=templayer.offsetHeight-marqueesHeight;

marquees.scrollTop+=1;

}

}

</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。