[JS]连续向上滚动文字代码

最新推荐文章于 2023-11-01 22:53:57 发布

mh_rock

最新推荐文章于 2023-11-01 22:53:57 发布

阅读量4.5k

点赞数

分类专栏： html-JavaScript 文章标签： function html javascript div

本文链接：https://blog.csdn.net/mh_rock/article/details/1888814

版权

html-JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>连续向上滚动</title>
<style type="text/css">

</style>
</head>

<body>

marqueesHeight=200;
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()",30);
}
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>

mh_rock

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[JS]连续向上滚动文字代码

连续向上滚动body {font-size: 9pt;color: #000000;}a {color: #0000FF;text-decoration: none;}a:hover {color: #FF0000;text-decoration: underline;}-->链接一链接二链接三链接四 marqueesHeight=200;stopscroll=false;with
复制链接

扫一扫

专栏目录