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



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

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