html滚动字幕:怎样制作HTML滚动的字幕

来源: 发布时间:星期三, 2008年10月22日浏览:191次评论:0

怎样制作HTML滚动的字幕

　　
　　我们在浏览网页的时候，有时会看到网页中有些文字会循环往复的移动。这种动画效果是如何制作的呢？这里我们就来看一看,当然,我们可以利用flash或者采用Gif动画来实现，但是这种方式往往占用的空间比较大，而且不如HTML标记来得那么简单。这个标记就是Marque标记，中文翻译为“跑马灯”。IE3.0以上版本的浏览器中支持这个HTML标记，而NetScape则不支持。因此我们在设计网页的时候需要考虑这个问题。
　　Marque标记的基本语法结构如下所示：
　　<MARQUE ALIGN=〃alignment〃 BEHAVIOR=〃type〃 BGCOLOR=〃color〃 DIRECTI ON=〃direction〃 SCROLLAMOUNT=〃n〃 SCROLLDELAY=〃n〃 LOOP=〃n〃 WIDTH=〃x〃 HEIGHT=〃y〃 HSPACE=〃x〃 VSPACE=〃y〃>洪恩在线，12亿中国人的网上大学</MARQUEE>
　　其中ALIGN可以用来指定滚动字幕与左右文字的对齐方式，它的值可以有top、middle、bottom等；
　　 BEHAVIOR用来指定滚动字幕的滚动方式，它的属性值有scroll、slide和alternate三个，scroll表示滚动字幕内容向同一方向重复滚动，slide表示滚动字幕内容从一端向另一端滚动并在另一端停止，alternate表示滚动字幕内容在两端之间来回往复滚动；
　　 DIRECTION指定滚动字幕的滚动方向，它的属性值有left和right两个，分别表示滚动字幕由右向左和由左向右滚动；SCROLLAMOUNT用来设置多次滚动之间的间隔距离，其单位是pixels（像素）；
　　 SCROLLING用来指定滚动字幕滚动一次所需要的时间，单位是ms（千分之一秒），其值的大小将直接影响滚动字幕的滚动速度；
　　LOOP属性是用来指定滚动字幕的滚动次数的，当它的值为“－1”时，滚动字幕将连续滚动直到浏览器载入下一个页面；
　　HSPACE和 VSPACE则分别用来指定滚动字幕与其上一级页面在水平方向和竖直方向上的距离。
　　下面我们看一看跑马灯的效果。
人生自古有情痴此恨不关风和月总想为亲爱的人做一些什么总想给未知的世界一些力量未知的世界总会令人害怕未来有多久世界有多大我最亲爱的朋友幸福就是你在我的身边曾经受的伤不再令人害怕走过的每一步不曾有遗憾世界有了你永远不会孤单一双手一个梦生命因你而独特许下承诺让我一生陪你走我的笑我的泪都想要与你分享有你让我的生命更加坚强最珍惜最在乎你烙印在我心上一句承诺和一生的朋友送给你我最亲爱的朋友幸福就是你在我的身边曾经受的伤不再令人害怕走过的每一步曾有遗憾世界有了你永远不会孤单人生自古有情痴此恨不关风和月下载文章的 PDF文档电子版离线看

2

顶一下

相关文章

读者评论

共0条分0页

发表评论

昵称：

内容：

专注于互联网--专注于架构

首页 »Html教程 » html滚动字幕:怎样制作HTML滚动的字幕 »正文

html滚动字幕:怎样制作HTML滚动的字幕

相关文章

读者评论

发表评论

热门标签

精华推荐

Dig排行

阅读排行

评论排行