1.test.html
<html>
<body><div id="news1">滚动部分文字</div><div id="news2"></div><script type="text/javascript" src="ShowMarquee.js"></script></body></html>
2.ShowMarquee.js
// JavaScript Document
h1=document.getElementById("news1");
h2=document.getElementById("news2");
stopscroll=false;
h1.scrollTop=0;
h1.onmouseover
=new Function("stopscroll=true");preTop
=0;function init_srolltext(){3.Css样式中，将"news2"的display设置为"none"，"news1"中是需要滚动的文本；另外news1和news2俩个div的样式要完全相同，否则它们的offsetHeight会不同，向上滚动时会出现“跳行”的效果。
4.道理其实并不复杂（news2也并没有什么用处，可以改动一下，只用一个div实现）：计算出div内文本的高度（Apx）；将文本copy成上下连接的两份，高度为（2Apx）；每周期向上移动1px；如果移动到2A的底部，则向下移动一个文本高度（Apx），继续向上滚动1px；这样的视觉效果是文本一直在向上移动。向不同方向的移动也可以类似实现。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。