Chap 08 HTML添加多媒体

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中,可以实现图形绘制、字体和颜色控制、动画和声音插入、人机交互和网络交流等功能。



转载于:https://my.oschina.net/u/1265669/blog/618699

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值