| 网站首页 | 日常馆务 | 数据库 | 文摘库 | 光盘库 | 音视频库 | 软件库 | 图片中心 | 代查代检 | 留言 | 读者论坛 | 青岛馆 | 泰安馆 | 
您现在的位置: 图书馆 > 文摘库 > 网站技术 > 网页设计 > 文章正文
专题栏目
更多内容
最新推荐 更多内容
相关文章
教程/dreamweaver/入门 
教程/dreamweaver/提高 
教程/dreamweaver/入门 
dreamweaver/技巧 制作网
dreamweaver/技巧 占位图
dreamweaver/技巧 用Dre
dreamweaver/技巧 玩转网
dreamweaver/技巧 Dream
dreamweaver/技巧 DW技巧
Dreamweaver中加入竖直线
更多内容
[图文]dreamweaver/技巧 在状态栏中实现活动文字效果         
dreamweaver/技巧 在状态栏中实现活动文字效果
作者:佚名 文章来源:不详 点击数:3497 更新时间:2006-8-16 14:32:05
2005-7-31

       在大家浏览网站的时候,活动状态栏的文字一个接一个从左向右冒出,是不是让你的眼睛应接不暇呢,你是不是也想使自己的网页有着同样的效果呢,现在我们通过javascript程序的应用来实现这个效果,下面我们就来仔细分析一下这种动态效果是怎么产生的吧。

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

下面,我们来看一看源程序吧。
<script language="javascript">
var msg = "欢迎光临5D多媒体 !! " ;
// 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>标签中可以有如下的效果:


怎么样,效果不错吧,还不赶快试试!!

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    山东科技大学济南校区图书馆 网 管:library-w