网页的动态、多媒体效果.docVIP

1.8网页的动态、多媒体效果

在网页的设计过程中，动态效果的插入，会使网页更加生动灵活、丰富多彩。

一、滚动字幕marquee

marquee标签可以实现元素在网页中移动的效果，以达到动感十足的视觉效果。marquee标签是一个成对的标签。应用格式为:

marqueebehavior=.../marquee

marquee标签有很多属性，用来定义元素的移动方式:

属性

描述

align

指定对齐方式top,middle,bottom

scroll

单向运动

slide

如幻灯片,一格格的，效果是文字一接触左边就停止。

alternate

左右往返运动

bgcolor

设定文字卷动范围的背景颜色

loop

设定文字卷动次数，其值可以是正整数或infinite表示无限次默认为无限循环

height

设定字幕高度

width

设定字幕宽度

scrollamount

指定每次移动的速度,数值越大速度越快

scrolldelay

文字每一次滚动的停顿时间，单位是毫秒。时间越短滚动越快

hspace

指定字幕左右空白区域的大小

vspace

指定字幕上下空白区域的大小

direction

设定文字的卷动方向,left表示向左,right表示向右,up表示往上滚动

behavior

指定移动方式，scroll表示滚动播出，slibe表示滚动到一方后停止，alternate表示滚动到一方后向相反方向滚动。

8-1实例a.html

htmlbodycenterfontface=字体2size=6color=#ff0000

滚动字幕/fontbr

marquee啦啦啦~~~我会跑了/marqueep

marqueeheight=200direction=uphspace=200啦啦啦~~~我会往上跑了br啦啦啦~~~我会往上跑了/marqueep

marqueedirection=right啦啦啦~~~我会往右跑了/marqueep

marqueeheight=200direction=downcenter啦啦啦~~~我会往下跑了/center/marquee

pmarqueewidth=500behavior=alternate啦啦啦~~~我来回的跑/marquee

pmarqueebehavior=slide啦啦啦~~~我跑到目的地就该休息了/marquee

Pmarqueescrollamount=2啦啦啦~~~我累了，要慢慢的溜达/marquee

Pmarqueescrolldelay=300啦啦啦~~~我累了，我要走走停停/marquee

pmarqueescrollamount=20哈哈~都没有我跑得快/marquee

pmarqueeimgsrc=../../imge/6-2.jpg啦啦啦~~图片也可以啊/marquee

pmarqueebgcolor=#FFFFCCwidth=700vspace=30fontsize=+3color=#FF0000啦啦啦~~滚动文字有背景了/font/marquee

/center/body/html

二、插入多媒体文件

在网页中可以用embed标签将多媒体文件插入，比如可以插入音乐和视频等。用浏览器可以播放的音乐格式有：MIDI音乐、WAV音乐、mp3、AIFF、AU格式等。

embed标签的使用格式：

EMBEDSRC=音乐文件地址

SRC=FILENAME

设定音乐文件的路径

AUTOSTART=TRUE/FALSE

是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE

可以非常方便的完成导航工作。

而所有的框架标记要放在一个html文档中。html页面的文档体标签body被框架集标签frameset所取代，然后通过frameset的子窗口标签frame定义每一个子窗口和子窗口的页面属性。

语法格式：

htmlhead/head

frameset

framesrc=url地址1

framesrc=url地址2

......

/frameset

/html

Frame子框架的src属性的每个URL值指定了一个html文件（这个文件必须事先做好）地址，地址路径可使用绝对路径或相对路径，这个文件将载入相应的窗口中。

框架结构可以根据框架集标签frameset的分割属性分为3种：

左右分割窗口、上下分割窗口、嵌套分割窗口

二、框架集frameset控制

属性描述

border设置边框粗细,默认是5象素.

bordercolor设置边框颜色

frameborder指定是否显示边框：0代表不显示边框，1代表显示边框

cols用400和