过期罐头电脑论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 2533|回复: 0
收起左侧

如何制作HTML字幕动画效果

[复制链接]
yaojian 2012-11-27 23:14:38 | 显示全部楼层
  我们在浏览网页的时候,有时会看到网页中有些文字会循环往复的移动。这种动画效果是如何制作的呢?这里我们就来看一看。
  当然我们可以利用flash或者采用Gif动画来实现,但是这种方式往往占用的空间比较大,而且不如HTML标记来得那么简单。这个标记就是Marquee标记,中文翻译为“跑马灯”。IE3.0以上版本的浏览器中支持这个HTML标记,而NetScape则不支持。因此我们在设计网页的时候需要考虑这个问题。
  Marquee标记的基本语法结构如下所示 :
  <MARQUEE 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则分别用来指定滚动字幕与其上一级页面在水平方向和竖直方向上的距离。
  下面我们看一看跑马灯的效果。(注意:这种跑马灯的效果只在Internet Explorer中能看到,Netscape不支持marquee标记)
您需要登录后才可以回帖 登录 | 注册

本版积分规则

一键重装系统|雨人系统下载|联系我们|网站地图|过期罐头电脑论坛

GMT+8, 2024-4-27 02:16 , Processed in 0.043717 second(s), 25 queries .

官方免责声明:本站内容来自网友和互联网.若侵犯到您的版权.请致信联系,我们将第一时间删除相关内容!

Powered by Discuz!

专注于win7_win10_win11系统下载装机

© 2010-2023 GQGTPC.Com

快速回复 返回顶部 返回列表