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 +='* ';
scrolls +=data[i];
}
document.getElementById("marq").innerHTML = " 最新业务服务:"+scrolls+' ';
}
}
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 += '* ';
scrolls += data[i];
}
document.getElementById("marq").innerHTML = " 最新业务服务:" + scrolls + ' ';
}
}
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 += '* ';
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 + ' </marquee>';
}
}
setTimeout(function () { scrollback(['A最新业务服务', 'B最新业务服务最新业最新业务服务最新业务', 'c最新业务服务最新业务最新业务服务最新业务']) }, 1000);
</script>