手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >在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>

提示:您可以先修改部分代码再运行

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

【在Dreamweaver中实现网页状态栏中活动文字效果的方法】相关文章:

Dreamweaver CS3 CPU使用100%的解决方法

用dreamweaver制作滚动字幕

Dreamweaver基础教程:文字特效的添加

Dreamweaver动态网页实例:验证用户注册

利用Dreamweaver批量制作web网页教程

Dreamweaver中提高页面显示速度的秘技

DreamWeaver中应用CSS样式表的几种情况

怎样用Dreamweaver制作拖拽效果

Dreamweaver中制作网页的实用技巧

Dreamweaver CS5 中启用 WordPress 代码提示功能的图文方法

精品推荐
分类导航