首页前端开发HTML在Dreamweaver中实现网页状态栏中活动文字效果的方法

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

时间2024-01-28 13:55:03发布访客分类HTML浏览435
导读:收集整理的这篇文章主要介绍了在Dreamweaver中实现网页状态栏中活动文字效果的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 达到这种效果的思路是:先把要呈现的文字赋给一个变量,设置一个函数,每隔一段时间就在状态栏上...
收集整理的这篇文章主要介绍了在Dreamweaver中实现网页状态栏中活动文字效果的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。

达到这种效果的思路是:先把要呈现的文字赋给一个变量,设置一个函数,每隔一段时间就在状态栏上打出文字,文字递增出现,当文字的长度等于整句话的长度的时候,使其为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>
ffcod = delpost.runcode1 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode1 .value = ffcod; 提示:您可以先修改部分代码再运行
把上述源代码拷入HtML文件的body> /body> 标签中可以有如下的效果

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

状态栏

若转载请注明出处: 在Dreamweaver中实现网页状态栏中活动文字效果的方法
本文地址: https://pptw.com/jishu/589727.html
Dreamweaver中框架的使用技巧 Dreamweaver cs5怎么设置W3C验证程序参数?

游客 回复需填写必要信息