走马灯效果javascript
精选 转载使窗口标题、状态栏和窗口中的文字产生逐渐呈现的变化效果。
(蓝色文字为注释文字,可以不输入)
<HTML>
<BODY>
<CENTER>
<FORM Name="tmform">
<INPUT Name="tmtext" Size=20 >
</FORM>
</CENTER>
<!-上面产生一个表单,可以通过javascript改变表单文字的内容 -- >
<SCRIPT Language="javascript">
var msg="欢迎来到紫星的电脑世界";
var interval=100
var seq=0;
function scroll() {
len=msg.length;//取出字符串的长度
window.status=msg.substring(0,seq+1);/*将取得的子字符串送给状态栏,window.status是状态栏对象*/
document.title=msg.substring(0,seq+1); /*将取得的子字符串送给窗口标题, Document.title是标题对象*/
document.tmform.tmtext.value=msg.substring(0,seq+1); /*将取得的子字符串作为表单对象的文本框对象的值*/
seq++;
/*如果字符串全部显示完后从头开始显示,没有显示完显示下一个字符,interval为上一个字符显示后开始显示时下一个字符等待的时间*/
if (seq>=len) {
seq=0;
window.status='';
window.setTimeout("scroll();",interval );
}
else
window.setTimeout("scroll();",interval );
}
scroll();//在文件调入时调用函数,开始走马灯效果
</SCRIPT>
</BODY>
</HTML>
练习:将文字显示改为逐个字符显示的效果、从右向左走动的效果。
下一篇:在窗口中显示时钟
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
jQuery 跑马灯效果
jQuer
javascript 测试 ViewUI jQuery jquery -
【跑马灯】无缝链接的跑马灯效果,mcake官网pc端公告。。。。。。跑马灯效果。。。。。。。【跑马灯】
演示地址
html jquery javascript mysql -
android跑马灯效果 android实现跑马灯效果
照样,先来看下项目运行效果,如下: 下面来讲下,跑马灯的实现过程.其实很简单,步骤如下:1、 新建一个Android项目,命名为Run2、 修改该项目的布局文件main.xml文件内容如下: [java] view plain copy print ? 1. 1. <
android跑马灯效果 android layout encoding button