`

JavaScript 学习笔记 跑马灯

 
阅读更多

function ischinese(s){//判断是否为汉字
    var ret=true; 
    for(var i=0;i<s.length;i++) 
       ret=ret && (s.charCodeAt(i)>=10000); 
    return ret; 
}
var msg = "这是一个跑马灯效果的JavaScript文档";
var interval = 100;
var seq = 0;
var blankstr = "";
var len = msg.length;

function scrool(){
    
    window.status = msg.substring(0,seq+1);
    seq++;
    if( seq >= len){
        seq = 0;
        scrool2();
    }else
        window.setTimeout("scrool();",interval);
    
}
function scrool2(){
    if(ischinese(msg.substring(seq,seq+1)))
        blankstr = blankstr+"  ";
    else
        blankstr = blankstr+" ";
    var str = blankstr+msg.substring(seq,len);
    window.status = str
    seq++;
    if(seq > len){
        seq = 0;
        blankstr = "";
        scrool();
    }
    else
        window.setTimeout("scrool2();",interval);
}
scrool();
 
分享到:
评论

相关推荐

    用javascript实现的跑马灯控件,文字跑马灯或图片跑马灯皆可噢!

    自己用js实现的一个跑马灯控件,通过传入参数对象实例化它,然后启动即可。支持的参数有 div对象(id名称或dom对象都可以,已经在内部作了处理) 宽度(可选) 高度(可选) 内容(由数组实现,数组里存放任何html...

    经典的JavaScript跑马灯效果

    JavaScript跑马灯效果是一种常见的网页动态效果,常用于滚动显示新闻、公告或广告等信息,以节省网页空间并增加视觉吸引力。跑马灯效果通常基于JavaScript实现,通过定时器控制文本或图片在有限的显示区域里循环滚动...

    HTML+CSS+JavaScript教程学习笔记.zip

    HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...

    javascript跑马灯

    JavaScript跑马灯是一种常见的网页动态效果,用于在有限的空间内展示滚动的文字或图片,常用于新闻更新、公告或者广告展示等。在这个主题中,我们将深入探讨JavaScript如何实现跑马灯效果,以及无缝滚动和滚动停止的...

    jQuery 跑马灯效果

    **jQuery跑马灯效果**是一种常见的网页动态展示技术,它通过自动循环滚动或切换内容,如图片、文字或链接,来吸引用户注意力并提供信息。在网页设计中,这种效果通常用于广告展示、新闻滚动或者产品展示等场景。在本...

    跑马灯特效--文字滚动

    跑马灯特效,又称为走马灯或者滚动字幕,是一种常见的动态视觉效果,常见于网站、电子显示屏、移动应用等界面设计中...提供的文件"texiao3002_1560681147"可能是跑马灯特效的示例代码或资源,读者可以下载学习并实践。

    javascript ,IE状态栏跑马灯

    javascript ,状态栏跑马灯 运行IE可看到IE状态栏跑马灯效果, 用记事本打开,可看到源代码

    js实现跑马灯效果

    跑马灯效果是一种常见的网页动态展示方式,常用于新闻标题滚动、广告轮播等场景。在JavaScript中实现跑马...在提供的压缩包文件中,应该包含一个示例的JavaScript跑马灯代码,你可以参考它来理解和学习具体的实现细节。

    js实现上下滚动跑马灯效果

    现在,我们通常使用JavaScript来实现更加灵活、可控的跑马灯效果。本文将详细介绍如何用JavaScript实现上下滚动的跑马灯效果。 首先,我们需要理解跑马灯效果的基本原理:它通常是通过改变元素的位置或透明度,模拟...

    qml做的文字跑马灯

    总的来说,QML的文字跑马灯效果结合了QML的声明式编程和JavaScript的灵活性,提供了一种高效且直观的方式来创建动态的文本滚动效果。通过深入学习和实践,你可以掌握这一技术,并将其应用到更复杂的用户界面设计中。

    HTML跑马灯无缝滚动

    跑马灯无缝滚动的关键在于利用CSS的布局属性和JavaScript的定时器功能。具体来说,主要包括以下几个步骤: 1. **设置容器**:首先,需要定义一个包含跑马灯内容的容器,如本例中的`&lt;div id="demo"&gt;`。该容器应设置`...

    JavaScript-学习笔记.pdf

    以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...

    HTML跑马灯

    通过使用`&lt;marquee&gt;`标签及其属性,可以轻松创建出动态的跑马灯效果。跑马灯在早期网页设计中较为常见,用于吸引用户注意力或展示重要信息。 #### 二、基本语法与属性介绍 1. **基本语法**: ```html 滚动内容 ...

    跑马灯效果JQUERY

    `js`文件夹很可能包含了实现跑马灯效果的具体JavaScript代码,可能命名为`carousel.js`或者其他相关的名称。这个脚本中,开发者会定义一个函数或类来处理跑马灯的各种逻辑,如设置初始位置、定时器处理自动切换、...

    跑马灯大合集(上下左右)

    跑马灯,也被称为滚动公告或滚动条,是一种常见...通过学习和研究这些实例,你可以更好地理解和掌握如何在实际项目中应用jQuery创建各种跑马灯效果。无论你是初学者还是经验丰富的开发者,这个合集都能提供宝贵的参考。

    强大的jQuery跑马灯插件

    **jQuery跑马灯插件——Web-Ticker深度解析** 在网页设计中,跑马灯(Ticker)是一种常见的信息展示方式,它可以滚动显示新闻标题、广告或者其他动态内容,以吸引用户的注意力。Web-Ticker是一款基于jQuery的高效...

    jQuery无缝滚动跑马灯效果

    jQuery无缝滚动跑马灯效果是一种常见的网页动态展示技术,它利用JavaScript库jQuery的高效特性,为网站添加一种吸引用户注意力的视觉效果。这种效果通常应用于新闻更新、广告展示或者产品介绍等区域,使得信息能够以...

    silverlight简单跑马灯效果

    在提供的压缩包文件"Silverlight-跑马灯"中,可能包含了示例代码或教程资源,帮助开发者更深入地理解和实现Silverlight中的跑马灯效果。通过研究这些文件,可以快速掌握跑马灯的实现方法,并将其应用于自己的项目中...

    跑马灯新闻代码

    这段代码通过 `&lt;script&gt;` 标签加载了一个外部 JavaScript 文件,该文件可能包含了实现跑马灯效果的代码逻辑。通过 URL 后面的参数,我们可以猜测该脚本可以根据不同的参数配置来展示不同数量的新闻标题(`shownum`...

    javascript学习笔记讲解版参考.pdf

    JavaScript学习笔记讲解版参考.pdf是一份详尽的教程,涵盖了从基础到进阶的JavaScript知识。这份笔记首先从CSS样式表开始,引导读者理解网页样式的设置与应用。 1. CSS(Cascading Style Sheets)样式表是用于控制...

Global site tag (gtag.js) - Google Analytics