marquee 文字滚动读取dwr数据显示有关问题

2013-08-04

marquee 文字滚动读取dwr数据显示问题div idmarqueemarquee idmarq onmouseovermarq.stop()

marquee 文字滚动读取dwr数据显示问题


<div id="marquee">
    <marquee id="marq" onmouseover="marq.stop()" onmouseout="marq.start()" scrollamount="3"
   direction="left" behavior="scroll" loop="-1" deplay="0" >
    </marquee></div>


function scrollback(data){
var scrolls="";
if(data.length> 0){
for(i=0; i<data.length; i++){
scrolls +='*&nbsp;&nbsp;';
scrolls +=data[i];
}
document.getElementById("marq").innerHTML = "    最新业务服务:"+scrolls+'&nbsp;&nbsp;';
}
}

function scroll(){
t.Getdata_scroll(scrollback);
}

在IE浏览器上可以读取所有信息并且滚动，全部显示，但是在火狐浏览器上从右边一滚动到左边，就停止，从头滚动了，不知道什么原因，谢谢大家解答！
[解决办法]
firefox没问题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><style>
#marquee{
width:728px;
height:21px;
margin:0px auto;
text-align:right;
float:left;
 
padding-top:4px;
}
</style>
<div id="marquee">
    <marquee id="marq" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3"
   direction="left" behavior="scroll" loop="-1" deplay="0" >
    </marquee></div>
    <script>
        function scrollback(data) {
            var scrolls = "";
            if (data.length > 0) {
                for (i = 0; i < data.length; i++) {
                    scrolls += '*&nbsp;&nbsp;'; 
 
                    scrolls += data[i];
                }
                document.getElementById("marq").innerHTML = "    最新业务服务:" + scrolls + '&nbsp;&nbsp;';
            }
        }

        setTimeout(function () { scrollback(['A最新业务服务最新业务服务', 'B最新业务服务最新业务服务最新业务服务', 'c最新业务服务最新业务服务最新业务服务']) }, 1000);
    </script>

[解决办法]
没注意看。。汗。。楼主去找一个无缝滚动的js程序就行了。。。。
[解决办法]
或者设置去掉div容器，直接设置marquee宽度也可以。。
[解决办法]
刚才测试了下。。设置marquee标签innerHTML会出现这个问题，#5的那样设置也不行。。

可以直接设置容器的div的innerHTML，连marquee标签一起加入就没问题了


<style>
#marquee{
width:500px;
height:21px;
margin:0px auto;
text-align:right;
  background:#eee;
padding-top:4px;
}
</style>
<div id="marquee">
    <script>
        function scrollback(data) {
            var scrolls = "";
            if (data.length > 0) {
                for (i = 0; i < data.length; i++) {
                    scrolls += '*&nbsp;&nbsp;';
                    scrolls += data[i];
                }
                document.getElementById('marquee').innerHTML = '<marquee id="marq" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" direction="left" behavior="scroll" loop="-1" deplay="0" >   最新业务服务:' + scrolls + '&nbsp;&nbsp;</marquee>'; 
 
            }
        }

        setTimeout(function () { scrollback(['A最新业务服务', 'B最新业务服务最新业最新业务服务最新业务', 'c最新业务服务最新业务最新业务服务最新业务']) }, 1000);
    </script>

热点排行

JavaScript

marquee 文字滚动 读取dwr数据显示有关问题

marquee 文字滚动读取dwr数据显示有关问题