首页 > 设计 > 软件应用 > 正文

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

2019-10-27 18:52:41
字体:
来源:转载
供稿:网友
达到这种效果的思路是:先把要呈现的文字赋给一个变量,设置一个函数,每隔一段时间就在状态栏上打出文字,文字递增出现,当文字的长度等于整句话的长度的时候,使其为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>标签中可以有如下的效果
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表