您的位置:首页 > Web前端 > HTML

Chap 08 HTML添加多媒体

2016-02-22 00:00 405 查看
摘要: 网页中除可以插入文本和图像外,还可以嵌入动画、声音、视频等媒体元素,如滚动效果、Flash、Applets、ActiveX及Midi声音文件等。多媒体文件的使用,丰富网页的效果。

8.1 设置滚动效果
网页的多媒体元素一般包括动态文字、动态图像、声音以及动画等,其中最简单的就是添加一些滚动效果。

8.1.1 滚动标记marquee
使用marquee标记不仅可以移动文字,也可以移动图片、表格等。
语法:
<marquee>……</marquee>
说明:在标记之间添加要进行滚动的内容,并可以在标记之间设置文字或图像的属性。

8.1.2 滚动方向direction
默认情况下只能是从右向左滚动,可以通过direction来设置不同的滚动方向。
语法:
<marquee direction="滚动方向">……</marquee>
说明:滚动方向取值:up、down、left、right 其中左滚动left的效果与默认效果相同。

8.1.3 滚动方式behavior
语法:
<marquee behavior="滚动方式"> …… </marquee>
说明:滚动方式behavior取值:
scroll:循环滚动,默认效果
slide: 只滚动一次就停止
aliternate : 来回交替进行滚动

8.1.4 滚动速度scrollmount设置滚动快慢
语法:
<marquee scrollmount="滚动速度">……</marquee>
说明: 滚动的速度实际上设置每次滚动时移动的长度,以像素为单位。

8.1.5 滚动延迟scrolldelay
可以使用scrolldelay设置滚动的时间间隔。
语法:
<marquee scrolldelay="时间间隔">……</marquee>
说明:
scrolldelay 时间间隔的单位是毫秒。如果设置的时间比较长,会产生走走停停的效果。

8.1.6 滚动循环loop
默认情况下滚动会不断地循环下去,如果希望滚动几次后停止,可以使用loop设置滚动次数。
语法:
<marquee loop="循环次数">……</marquee>

8.1.7 滚动范围width、height
如果不设置背景的面积,默认情况下,水平滚动的文字背景与文字同高、与浏览器同宽,使用width和height参数可以调整其水平和垂直的范围。
语法:
<marquee width="背景宽度" height="背景高度">……</marquee>

8.1.8 滚动背景颜色bgcolor
语法: <marquee bgcolor="背景颜色">……</marquee>

8.1.9  空白空间hspace、vspace
默认情况下,滚动对象周围的文字或图像是滚动背景紧密相连的,使用hspace和vspace可以设置它们之间的空白空间。
语法:
<marquee hspace="水平范围" vspace="垂直范围">……</marquee>

8.2 插入多媒体文件
8.2.1  插入Flash动画
语法:
<embed src="多媒体文件地址" width="多媒体的宽度" height="多媒体的高度"></embed>

8.2.2 插入音频和视频文件
在网页中常见的多媒体文件包括声音文件和视频文件
语法:
<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"></embed>

8.3 设计背景音乐
8.3.1 背景音乐bgsound
语法:
<bgsound src="背景音乐的地址">

8.3.2 循环次数loop(通常情况下,背景音乐需要不断地播放)
语法:
<bgsound src="背景音乐的地址" loop="播放次数">
说明:
如果希望无限次地循环播放背景音乐,可将循环次数设置为true。

8.4 插入Java Applet
Java Applet是一种允许开发并可以嵌入Web页面的编程语言。Java Applet小程序是在Java的基础上演变而成的应用程序,可以嵌入到网页中用来执行一定的任务。

语法:
<applet code="cjx.class " width="宽度" height="高度">
<param name="文件夹的名称" value="图片名称">

说明:Java Applet就是用Java语言编写的一些小应用程序,它们可以直接嵌入到网页中,并可以产生特殊的效果。在Java Applet中,可以实现图形绘制、字体和颜色控制、动画和声音插入、人机交互和网络交流等功能。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: