| 范文 |
代码如下:
<body>
//借助于marquee
<marquee behavior=scroll contenteditable=true onstart=this.firstchild.innerhtml+=this.firstchild.innerhtml; scrollamount=3 width=100>
<span unselectable=on>这里是要滚动的内容</span>
</marquee>
//普通的实现方法
<div id=scrollobj style=white-space:nowrap;overflow:hidden;width:500px;>
<span>这里是要滚动的内容</span>
</div>
<script language=javascript type=text/javascript>
function scroll(obj) {
var tmp = (obj.scrollleft)++;
//当滚动条到达右边顶端时
if (obj.scrollleft==tmp) obj.innerhtml += obj.innerhtml;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollleft>=obj.firstchild.offsetwidth) obj.scrollleft=0;
}
setinterval(scroll(document.getelementbyid('scrollobj')),20);
</script>
</body>
|