注册 登录
编程论坛 JavaScript论坛

大家看下跨浏览器滚动代码!

ztslove 发布于 2010-08-05 18:18, 680 次点击
大家看下  下面的 滚动代码代码  找了半天 没找到哪里错了  但是  就是不显示  大家帮忙找找  谢谢了···
程序代码:
<script language="javascript">
var info = "欢迎您";
var pop1 = 0;  //阶段一中取出的字符数初始值
var pop2 = 0;  //阶段三中隐藏的字符数初始值
var space = 0;  //初始空格
var speed = 200;  //滚动的速度

function scroll1(){
    if(pop1<info.length){ //进入第一阶段
        pop1 += 1;
        text1.innerText = info.substring(0,pop1);
        setTimeout("scroll1()",speed);
        }else{
            pop1 = 0;
            setTimeout("scroll2()",speed);
            }
        }
function scroll2(){
    if(text1.offsetWidth<d.clientWidth){
        space += 1;
        strspace = "";
        for(var i=0; i<space; i++){
            strspace += " ";
            text1.innerText = info + strspace;
            setTimeout("scroll2()",speed);   
            }
      
        }else{  //进入第三阶段
            d.style.textAlign = "left";
            space = 0;
            setTimeout("scroll3()",speed);   
           
            }
    }   
   
function scroll3(){
    if(pop2<info.length){
        pop2 += 1;
        text1.innerText = info.substring(pop2,info.length);
        setTimeout("scroll3()",speed);   
        }else{
            d.style.textAlign = "right";
            pop2 = 0;
            setTimeout("scroll1()",speed);   
            }
    }   
</script>
<div id="d" style="width:500px;height:80px;position:relative;text-align:right;border:1px #00F solid;">
<span id="text1" ></span>
</div>


 
4 回复
#2
爪哇死苦力2010-08-05 20:26
首先你没有调用你定义的函数(最起码在你给出的代码是没有看到这样的语句)。
我在你的代码上加上:window.onload = scroll1 ; 之后是可以运行了,但运行一会就卡死了。
仔细看了一下代码,发现了一个逻辑错误(应该是不小心所致),在“scroll2()”的循环中:
原代码如下:
for(var i=0; i<space; i++){
            strspace += " ";
            text1.innerText = info + strspace;
            setTimeout("scroll2()",speed);
}
修改如下:
for (var i=0; i<space; i++,strspace+=" ") ;
text1.innerText = info + strspace;
setTimeout("scroll2()", speed);
#3
gulimeksoft2010-08-06 14:14
首先要加上onload=scroll,然后setTimeout不需要用那么多,不知道这样是不是你需要的
程序代码:
<script language="javascript">
var info = "欢迎您";
var pop1 = 0;  //阶段一中取出的字符数初始值
var pop2 = 0;  //阶段三中隐藏的字符数初始值
var space = 0;  //初始空格
var speed = 200;  //滚动的速度

function scroll1(){
    if(pop1<info.length){ //进入第一阶段
        pop1 += 1;
        text1.innerText = info.substring(0,pop1);
        setTimeout("scroll1()",speed);
        }else{
            pop1 = 0;
           scroll2();
            }
        }
function scroll2(){
    if(text1.offsetWidth<d.clientWidth){
        space += 1;
        strspace = "";
        for(var i=0; i<space; i++){
            strspace += " ";
            }
           text1.innerText = info + strspace;
            setTimeout("scroll2()",speed);
      
        }else{  //进入第三阶段
            d.style.textAlign = "left";
            space = 0;
             scroll3()
         
            }
    }  
   function scroll3(){
    if(pop2<info.length){
        pop2 += 1;
        text1.innerText = info.substring(pop2,info.length);
        setTimeout("scroll3()",speed);  
        }else{
            d.style.textAlign = "right";
            pop2 = 0;
           scroll1();
            }
    }
#4
foktime2010-08-06 15:27
运行了一下你的代码直接把我浏览器干死了
3#的可以跑
另外此代码一点都不跨浏览器,光看这一句
text1.innerText = info.substring(0,pop1);
FF就挂了
ie能这么直接用id来操作 FF不行
写成标准的document.getElementById('text1').·····
#5
ztslove2010-08-06 19:19
呵呵   原来错误这么多呢    谢谢大家的  讲解  我会继续努力···
1