<div id="demo1">
1、滚动内容在这里<br/>
2、滚动内容在这里<br/>
3、滚动内容在这里<br/>
4、滚动内容在这里<br/>
5、滚动内容在这里<br/>
</div>
<div id="demo2">
</div>
<script language="javascript" type="text/javascript">
var speed=30;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
{
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</script>
本文介绍了一种使用JavaScript实现的垂直滚动效果,通过复制内容区域并在滚动到顶部时平滑过渡到复制的内容,达到无限滚动的视觉效果。文章还介绍了如何在鼠标悬停时暂停滚动,提升了用户体验。
7999

被折叠的 条评论
为什么被折叠?



