网上经常看到很酷的循环滚动新闻或广告,虽然用自带的marquee可以滚动,很难做出连续滚动效果。网上有很多这种代码,自己做也不是很复杂。
首先要有个滚动的容器,一般用
, 一定要设置宽度或高度,隐藏掉滚动条. 编写一个滚动函数,定时增加 d1.scrollTop或d1.scrollLeft 就可以自动滚动了。一般里边还要放两个div,给一个放滚动内容 .d2放具体内容,d3做参照物的。初始化时 d3.innerHTML = d2.innerHTML;d2.innerHTML += d3.innerHTML; d2放两倍的内容,滚动的时候就连续了。滚动到头(就是滚动条不能滚动的时候),把 d1.scrollTop = d3.offsetHight - marqueeHeight;marqueeHeight是容器d1的高度。