| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 680 人关注过本帖
标题:大家看下跨浏览器滚动代码!
只看楼主 加入收藏
ztslove
Rank: 1
来 自:北京
等 级:新手上路
帖 子:19
专家分:7
注 册:2010-5-27
结帖率:83.33%
收藏
已结贴  问题点数:20 回复次数:4 
大家看下跨浏览器滚动代码!
大家看下  下面的 滚动代码代码  找了半天 没找到哪里错了  但是  就是不显示  大家帮忙找找  谢谢了···
程序代码:
<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>


 
搜索更多相关主题的帖子: 浏览器 代码 滚动 
2010-08-05 18:18
爪哇死苦力
Rank: 2
等 级:论坛游民
帖 子:7
专家分:54
注 册:2010-6-7
收藏
得分:6 
首先你没有调用你定义的函数(最起码在你给出的代码是没有看到这样的语句)。
我在你的代码上加上: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);
2010-08-05 20:26
gulimeksoft
Rank: 4
等 级:业余侠客
威 望:4
帖 子:53
专家分:208
注 册:2010-8-5
收藏
得分:6 
首先要加上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();
            }
    }
2010-08-06 14:14
foktime
Rank: 11Rank: 11Rank: 11Rank: 11
来 自:奥斯维辛
等 级:贵宾
威 望:35
帖 子:795
专家分:2742
注 册:2009-9-4
收藏
得分:6 
运行了一下你的代码直接把我浏览器干死了
3#的可以跑
另外此代码一点都不跨浏览器,光看这一句
text1.innerText = info.substring(0,pop1);
FF就挂了
ie能这么直接用id来操作 FF不行
写成标准的document.getElementById('text1').·····
2010-08-06 15:27
ztslove
Rank: 1
来 自:北京
等 级:新手上路
帖 子:19
专家分:7
注 册:2010-5-27
收藏
得分:0 
呵呵   原来错误这么多呢    谢谢大家的  讲解  我会继续努力···
2010-08-06 19:19
快速回复:大家看下跨浏览器滚动代码!
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.021831 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved