HTML+CSS+DIV网页设计与布局 教学课件 作者 聂斌 1_ 第5章 多媒体 滚动字幕和.ppt

《HTML+CSS+DIV网页设计与布局 教学课件 作者 聂斌 1_ 第5章 多媒体 滚动字幕和.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章多媒体、滚动字幕和列表在现在的网页中，只有文字和图片是完全不够的，还要有动画、声音、列表等的加入。这样整个页面才能更加吸引人。在HTML中就提供了插入各种多媒体元素、滚动字幕和列表的功能。5.1多媒体元素Web的最大魅力就是可以将图片、声音、动画和视频等文件插入到网页中，这些图片、声音、动画和视频统称为多媒体。在网页中插入多媒体，可以让网页看起来更生动更丰富。5.1.1插入多媒体元素在HTML中添加多媒体元素的标记是，这里的多媒体元素包括声音和动画两种。在页面中添加多媒体文件，同样要设置源文件，SRC属性是必不可少的。另外，由于多媒体文件在播放时需

2、要一定的空间，因此要为其设置大小。可以说，要在页面添加多媒体元素，仅使用标记是不够的，其语法如下所示：5.1.2循环播放默认情况下，多媒体文件播放一次以后就会自动停止。如果希望该文件循环播放，则需要使用LOOP属性来进行设置，其语法是：5.1.3自动播放通过元素中AUTOSTART属性可以来

3、设置打开网页时背景音乐是否自动播放，其语法如下所示：5.1.4隐藏多媒体元素有时候我们希望在网页中只听到多媒体文件的播放声音，而看不见多媒体文件。这时可以使用元素中的HIDDEN属性来隐藏多媒体的面板，这样在播放的时候只能听到声音，而看不到画面。其语法如下所示：

4、>5.2插入背景音乐除了添加视频外，还可以通过元素为网页添加背景音乐。和图像标记一样，元素的源文件地址属性SRC是必需的。一般情况下，背景音乐要添加在页面主体的开始位置。添加背景音乐的语法如下所示：5.3滚动字幕滚动字幕也可以称为一种多媒体元素，只不过这种类型的多媒体比较简单，实现的效果也比较单一。在一些时尚感要求较低的站点中，可以使用动态文字来增加页面的动感。5.3.1添加滚动字幕滚动字幕，是指在网页中会上下活动或左右活动的字幕，可以是文字也可以是图片，可以通过

5、E>标记来设置。添加滚动字幕的语法如下所示：要进行滚动的文字5.3.2滚动方向滚动方向是指文字从哪个方向开始滚动。默认情况下文字是从右向左滚动的，使用DIRECTION属性可以调整文字的滚动方向。设置文字滚动方向的语法是：要进行滚动的文字5.3.3滚动方式文字的滚动方式主要包括循环滚动、来回滚动、以及只滚动一次就停止。设置文字的滚动方式需要使用BEHAVIOR属性，其语法是：要进行滚动的

6、文字在这里，滚动方式的取值如下表所示。5.3.4滚动字幕背景颜色在页面中为了突出滚动文字，可以使用元素中的BGCOLOR属性为其添加背景颜色，其语法如下所示：要进行滚动的文字5.3.5滚动速度在HTML中，可以通过元素中的SCROLLAMOUNT属性调整文字的滚动速度，滚动速度也可以看成滚动距离，也就是每滚动一下文字向前移动的像素数。其设置的语法是：要进行滚动的文字5.3

7、.6滚动延迟滚动延迟是指在每一次滚动之间设置一定的时间间隔，即滚动一次后就停止一段时间再进行下一次滚动。设置滚动延迟的语法是：要进行滚动的文字5.3.7滚动次数除了可以通过BEHAVIOR设置文字的滚动方式外，还可以通过LOOP属性设置文字具体的滚动循环次数，其语法如下所示：要进行滚动的文字5.3.8滚动字幕空白空间滚动字幕空白空间是指在滚动文字区域周围的空间，默认情况下滚动区域是沿着页面的边缘滚动的。如果没有使用段落标记