Question

javascript无缝滚动代码 会不会闪烁？

<script language="javascript" type="text/javascript">
var speed1=30;
demo2.innerHTML=demo1.innerHTML;
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++;
}
}
var MyMar1=setInterval(Marquee1,speed1);
demo.onmouseover=function() {clearInterval(MyMar1)};
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)};
</script>
使用360浏览器放大后，感觉字体闪烁。。。
想问一下：上面的代码会不会出现闪烁，该如何改进不出现闪烁？

Answer 1

闪烁是绝对的，但是经过你的调速可以使闪烁看不出来，就你这个程序来讲，var speed1=30;这个speed1就是来控制速度的，把设置低一点就可以了，至于多少为最好，你试着递减一下就知道了。

追问

我在网页中加了一个框架，框架内容刷新时，字体滚动时，出现字体卡，慢怎么办？

追答

框架内容刷新是不会影响其它地方的，难道你说，你的滚动字幕在你的这个内置框架内吗？

追问

是啊？？出现什么问题了？？我就是写了一个包含字体滚动框架的简单网页。字体会是不是的卡，慢。。。有什么解决方法吗？

追答

如果是这样的话，一是你的硬件配置低，而是程序写是太耗资源，至于解决办法得视你的代码来定了，贴一下你的代码吧。

追问

具体在：http://zhidao.baidu.com/question/312463409.html

Answer 2

<div id="c_9">
<marquee direction="left" TrueSpeed scrollamount="1" scrolldelay="30" onMouseOver="this.stop();" onMouseOut="this.start();">
<img src="images/p_0/p_1.jpg" width="150" height="130" border="1" />
<img src="images/p_0/p_2.jpg" width="150" height="130" border="1" />
<img src="images/p_0/p_3.jpg" width="150" height="130" border="1" />
</marquee>
</div>
附：循环滚动基本语法
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字，也可以应用于图片，表格等等

方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移！</marquee>

方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee>
<marquee behavior=slide>只走一次就歇了！</marquee>
<marquee behavior=alternate>来回走</marquee>

循环
<loop=#> #=次数；若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟！</marquee>

速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>

延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>

外观(Layout)设置

对齐方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>
</font>

底色
<bgcolor=#> #=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色！</marquee>

面积
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积！</marquee>

空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积！</marquee>

追问

对不起，我用的是无缝滚动。。

Answer 3

任何滚动都会闪烁的!这个没有办法解决!

追问

当网页框架刷新时，字体滚动出现卡，慢怎么办？

追答

这个没有办法,我的也是这样的!无奈之中~~~甚至滚动条滚动时,也会卡!

Answer 4

要不你试试这个。
function $(element){
return document.getElementById(element);
}
var dome=$("dome");
var dome1=$("dome1");
var dome2=$("dome2");
var speed=50; //设置向上滚动速度
dome2.innerHTML=dome1.innerHTML //复制dome1为dome2
function moveTop(){
if(dome2.offsetTop-dome.scrollTop<=0) //当滚动至dome1与dome2交界时
dome.scrollTop-=dome1.offsetHeight //dome跳到最顶端
else{
dome.scrollTop++
}
}
var MyMar=setInterval(moveTop,speed) //设置定时器
dome.onmouseover=function() {clearInterval(MyMar)} //鼠标移上时清除定时器达到滚动停止的目的
dome.onmouseout=function() {MyMar=setInterval(moveTop,speed)} //鼠标移开时重设定时器，继续滚动

追问

原理都一样，都是一个无缝滚动的代码，并且你这一个还是向上滚动的。。。也会出现上述的闪烁，卡，慢的现象。。

追答

无缝滚动的原理是通过两个层（内容完全相同的层）相接，每当第一层滚动完成（也就是第一层末尾的边框<=该滚动容器边框时），初始化层的位置，也就是重复相同的一个动作。