当前位置：编程学习网 >>网页特效 > 链接特效 > > [javascript学习指南]javascript 文字向上滚动代码

[javascript学习指南]javascript 文字向上滚动代码

【www.gdgbn.com--链接特效】

提示：您可以先修改部分代码再运行

<script>
var marqueeContent=new Array();   //滚动新闻
marqueeContent[0]="测试链接测试链接测试链接";
marqueeContent[1]="测试链接测试链接测试链接";
marqueeContent[2]="测试链接测试链接测试链接";
marqueeContent[3]="测试链接测试链接测试链接";
var marqueeInterval=new Array();  //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=20;
//接下来的是定义一些要使用到的函数
function initMarquee() {
    var str=marqueeContent[0];
    document.write(""+str+"");
    marqueeId++;
    marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
    }
function startMarquee() {
    var str=marqueeContent[marqueeId];
        marqueeId++;
    if(marqueeId>=marqueeContent.length) marqueeId=0;
    if(marqueeBox.childNodes.length==1) {
        var nextLine=document.createElement("DIV");
        nextLine.innerHTML=str;
        marqueeBox.appendChild(nextLine);
        }
    else {
        marqueeBox.childNodes[0].innerHTML=str;
        marqueeBox.appendChild(marqueeBox.childNodes[0]);
        marqueeBox.scrollTop=0;
        }
    clearInterval(marqueeInterval[1]);
    marqueeInterval[1]=setInterval("scrollMarquee()",20);
    }
function scrollMarquee() {
    marqueeBox.scrollTop++;
    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
        clearInterval(marqueeInterval[1]);
        }
    }
initMarquee();
</script>

提示：您可以先修改部分代码再运行

本文来源：http://www.gdgbn.com/wangyetexiao/24688/

上一篇：如何制作网站最简单的方法|如何制作网站地图

下一篇：【seo外链工具】SEO外链建设的五大法优缺点分析

相关推荐

网友关注

热门标签

最新链接特效

链接特效热门文章

声明:本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。

Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有