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跑马灯图是一种常见的网页动态效果,常用于滚动显示新闻、公告或广告等信息,以吸引用户的注意力。跑马灯效果通常是通过JavaScript语言来实现的,它可以在页面上创建一个持续滚动或循环展示的内容区域,给...
本文将深入探讨如何使用JavaScript来实现跑马灯效果。 首先,我们需要理解跑马灯的基本原理。跑马灯效果通常是通过在一个固定区域显示一组元素(如图片),然后定期或根据用户交互改变显示的元素,形成一种循环滚动...
JavaScript跑马灯效果是一种常见的网页动态效果,常用于滚动显示新闻、公告或广告等信息,以节省网页空间并增加视觉吸引力。跑马灯效果通常基于JavaScript实现,通过定时器控制文本或图片在有限的显示区域里循环滚动...
跑马灯网页设计,使用JAVASCRIPT设计
本文主要介绍了 Javascript 中跑马灯的实现机制,并以此为基础详细介绍了标题跑马灯、状态栏跑马灯、文档跑马灯的实现过程。 知识点1: Javascript 跑马灯的实现机制 Javascript 跑马灯的实现机制非常简单,主要...
1. **JavaScript基础**:跑马灯的实现离不开JavaScript的基础知识,包括变量声明、条件判断、循环语句以及DOM操作。JavaScript是一种客户端脚本语言,它可以直接在用户的浏览器上运行,对网页元素进行实时修改和交互...
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...
JavaScript跑马灯是一种常见的网页动态效果,用于在有限的空间内展示滚动的文字或图片,常用于新闻更新、公告或者广告展示等。在这个主题中,我们将深入探讨JavaScript如何实现跑马灯效果,以及无缝滚动和滚动停止的...
在这个案例中,我们可能会看到JavaScript被用来控制元素的移动和速度,从而模拟跑马灯的滚动效果。 JavaScript是一种广泛用于网页开发的脚本语言,它可以与HTML和CSS紧密配合,为网页增加动态行为。在这个抽奖网页...
跑马灯首尾相接无缝隙.js
javascript实现网页状态栏跑马灯效果特效,一个小的积累,不错
**jQuery跑马灯效果**是一种常见的网页动态展示技术,它通过自动循环滚动或切换内容,如图片、文字或链接,来吸引用户注意力并提供信息。在网页设计中,这种效果通常用于广告展示、新闻滚动或者产品展示等场景。在本...
javascript ,状态栏跑马灯 运行IE可看到IE状态栏跑马灯效果, 用记事本打开,可看到源代码
跑马灯特效,又称为走马灯或者滚动字幕,是一种常见的动态视觉效果,常见于网站、电子显示屏、移动应用等界面设计中...提供的文件"texiao3002_1560681147"可能是跑马灯特效的示例代码或资源,读者可以下载学习并实践。
现在,我们通常使用JavaScript来实现更加灵活、可控的跑马灯效果。本文将详细介绍如何用JavaScript实现上下滚动的跑马灯效果。 首先,我们需要理解跑马灯效果的基本原理:它通常是通过改变元素的位置或透明度,模拟...
跑马灯效果是一种常见的网页动态展示方式,常用于新闻标题滚动、广告轮播等场景。在JavaScript中实现跑马...在提供的压缩包文件中,应该包含一个示例的JavaScript跑马灯代码,你可以参考它来理解和学习具体的实现细节。
【JS横竖跑马灯】是一种使用...通过分析和理解这些代码,你可以进一步学习和掌握JS横竖跑马灯的实现细节。在实际应用中,可以根据需求调整代码,比如改变滚动速度、添加更多动画效果或者实现更复杂的交互功能。
**jQuery文字跑马灯插件Marquee详解** 在网页设计中,动态效果常常能吸引用户的注意力,提升用户体验。其中,跑马灯效果是一种常见的滚动显示文本的方式,它可以使信息在有限的空间内持续滚动展示,而jQuery....
以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...
JavaScript基础知识点总结 JavaScript是一种高级的、动态的、基于对象的客户端脚本语言。它是在网页上执行的脚本语言,能实现网页的交互功能。下面是该资源中的重要知识点总结: 一、 JavaScript 基本概念 * ...