滚动文字的实现js

最新推荐文章于 2022-07-23 20:53:34 发布

vivian_1985

最新推荐文章于 2022-07-23 20:53:34 发布

阅读量355

点赞数

分类专栏：网站开发文章标签： javascript function div

本文链接：https://blog.csdn.net/vivian_1985/article/details/5523349

版权

网站开发专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<html>
<head>
<title > 滚动文字的实现 </title>
</head>

<body>
<table align="center" width="180" >
<div id="marquees" >
<a href="javascript:">滚动文字实现，</a><br>
<br>
<a href="javascript:">滚动文字实现。</a><br>
<br>
<a href="javascript:">滚动文字实现，</a><br>
<br>
<a href="javascript:">滚动文字实现。</a><br>
<br>
</div>
</table>
<script language="JavaScript">

marqueesHeight=150;
stopscroll=false;

with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
οnmοuseοver=new Function("stopscroll=true");
οnmοuseοut=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()",50);
}
document.body.οnlοad=init;

function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>

</body>
</html>

vivian_1985

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
滚动文字的实现js

滚动文字的实现滚动文字实现，滚动文字实现。滚动文字实现，滚动文字实现。 marqueesHeight=150;stopscroll=false; with(marquees){style.width=0;style.height=marqueesHeight;style.overflowX="visible";style.overflowY="hidden";noWrap=tru
复制链接

扫一扫