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实现的跑马灯效果。跑马灯图片使用自动添加img标签实现,可以添加10张图片,只需修改图片数组的内容,在数组中添加相应图片名称即可。
JavaScript跑马灯图
自己用js实现的一个跑马灯控件,通过传入参数对象实例化它,然后启动即可。支持的参数有 div对象(id名称或dom对象都可以,已经在内部作了处理) 宽度(可选) 高度(可选) 内容(由数组实现,数组里存放任何html...
个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版 个人Javascript学习笔记 精华版
JavaScript学习笔记JavaScript学习笔记
JavaScript实现的 动态从文件夹中取得图片 鼠标放上实现暂停和左右滚动效果
JavaScript学习笔记,javascript基础知识,基础语法整理.pdf
跑马灯网页设计,使用JAVASCRIPT设计
javascript 学习笔记
做项目时非常经典的跑马灯效果,做个记号下次再用!
HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...
JavaScript-学习笔记
跑马灯首尾相接无缝隙.js
javascript实现网页状态栏跑马灯效果特效,一个小的积累,不错
javascript ,状态栏跑马灯 运行IE可看到IE状态栏跑马灯效果, 用记事本打开,可看到源代码
JavaScript学习笔记.pdf
详细的javascript学习笔记,DOM,BOM,AJAX等详细笔记!
JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和代码库JavaScript 学习笔记集和...
javascript学习笔记讲解版参考.pdf