在Dreamweaver中实现网页状态栏中活动文字效果的方法

当前位置 : 首页 > 网页制作 > Dreamweaver教程 > 在Dreamweaver中实现网页状态栏中活动文字效果的方法

在Dreamweaver中实现网页状态栏中活动文字效果的方法

来源:互联网 作者:脚本宝典 时间:2015-08-25 13:34
达到这种效果的思路是:先把要呈现的文字赋给一个变量,设置一个函数,每隔一段时间就在状态栏上打出文字,文字递增出现,当文字的长度等于整句话的长度的时候,使其为0,重新

达到这种效果的思路是:先把要呈现的文字赋给一个变量,设置一个函数,每隔一段时间就在状态栏上打出文字,文字递增出现,当文字的长度等于整句话的长度的时候,使其为0,重新打出文字,不停循环就可以得到这种效果。 下面,我们来看一看源程序吧。 



<script language="Javascript"> 

var msg = "欢迎光临脚本之家!!" ; 

// msg变量就是设定状态栏要出现的文字(一句话) 

var interval = 120 

//设定间隔多少毫秒文字长度增加一个,此处是120毫秒 

var seq=0; 

//代表动态的文字长度 

function Scroll() { 

len = msg.length; 

window.status = msg.substring(0, seq+1); 

//文字的字符加一 

seq++; 

//动态文字的长度加一 

if ( seq >= len ) { 

seq = 0; 

window.status = ''; 

window.setTimeout("Scroll();", interval ); 

//如果动态文字长度和整句话相同,则动态文字的长度设为0,重新来过 

else 

window.setTimeout("Scroll();", interval ); 

Scroll(); 

</script>

把上述源代码拷入Html文件的<body></body>标签中可以有如下的效果

Tag:
网友评论

<