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

<div id="marquees">

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

<br>

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

<br>

<a href="http://www.wangyeba.com">你可曾对未来期待憧憬,</a><br>

<br>

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

<br>

</div>

<script language="JavaScript">

marqueesHeight
=200;

stopscroll
=false;

with(marquees){

style.width
=0;

style.height
=marqueesHeight;

style.overflowX
="visible";

style.overflowY
="hidden";

noWrap
=true;

onmouseover
=new Function("stopscroll=true");

onmouseout
=new Function("stopscroll=false");

}

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

preTop
=0; currentTop=0;

function init(){

templayer.innerHTML
="";

while(templayer.offsetHeight<marqueesHeight){

templayer.innerHTML
+=marquees.innerHTML;

}

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

setInterval(
"scrollUp()",30);

}

document.body.onload
=init;

function scrollUp(){

if(stopscroll==truereturn;

preTop
=marquees.scrollTop;

marquees.scrollTop
+=1;

if(preTop==marquees.scrollTop){

marquees.scrollTop
=templayer.offsetHeight-marqueesHeight;

marquees.scrollTop
+=1;

}

}

</script>

转载于:https://www.cnblogs.com/ginowang42/archive/2009/10/14/1583076.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值