第8章网页的动态效果

合集下载

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

⑶ loop属性用于设置文字移动的循环次数，若未指定或取值为“infinite”则循环不止。
⑷ scrollamount属性用于设置文字移动的速度。 ⑸ scrolldelay属性用于设置文字的移动延迟。
上一页下一页目录本节结束
⑹ align属性用于设置文字的对齐方式。它的取值为top、 middle、bottom。
8.2 将多媒体加入网页
我们知道，Web页面是多媒体的，可以在Web页面中加入图像、视频、声音等多媒体文件。
8.2.1 插入多媒体文件
使用<embed>标签可以将多媒体文件插入到网页中，当访问者用鼠标单击多媒体对象时，该类多媒体文件所关联的应用软件（声音、视频播放软件）将被激活，（必须已安装在访问者的计算机内），并开始播放该多媒体文件。
<marquee direction=参数值 behavior=参数值 loop=循环次数 scrollamount=数值scrolldelay=数值、align=参数值、 bgcolor="#" height=数值 width=数值 hspace=数值 vspace= 数值>要滚动的文字</maruqee>
第8章网页的动态效果
8.1 网页的特效 8.2 将多媒体加入网页 8.3 滚动的文字 8.4 显示Flash动画
8.2 将多媒体加入网页
上一页
下一页Βιβλιοθήκη 目录8.2.1 插入多媒体文件
本节
8.2.2 嵌入多媒体文件
结束
上一页下一页目录本节结束
第8章网页的动态效果
在网页设计中，动态效果的实现是最精彩的部分，通过本章的学习，将使你的网页不但动起来，而且丰富多彩，从此踏入动态网页的制作领域。
说明：
⑴ dynsrc属性用于指定要播放的视频文件，必须是avi格式。 ⑵ src属性用于指定作视频“封面”的图像文件，即在浏览器未完全读入avi文件时，先在avi播放区域显示该图像。 ⑶ start属性用于设置视频文件播放的开始时间，参数值为 fileopen和mouseover。fileopen为默认值，即在打开网页时就开始播放视频文件。mouseover参数表示当鼠标移到avi播放区域之上时开始播放视频文件。
上一页下一页目录本节结束
说明：
⑴ direction属性用于设置文字的移动方向，它的取值为left 和right。left表示从右向左移动，这是默认方向。right表示从左向右移动。
⑵ behavior属性用于设置文字的移动方式，它的取值为 scroll、slide或alternate。scroll表示滚动播出，slide表示滚动到一方后停止滚动，alternate表示滚动到一方后向相反方向滚动。
另一个网页，而这个技巧是利用<meta>标签，将http-equiv属性设置为refresh（自动更新），并在content属性中指定秒数和自动更新所显示的网页地址。语法如下：
<meta http-equiv="Refresh" content="秒数;url=文件名称或网址">
上一页下一页目录本节结束
infinite时，声音文件将循环播放，直到网页关闭为止。
上一页下一页目录本节结束
2．嵌入视频文件使用<img>标签可以在网页中嵌入视频文件。 <img>标签主要有src、dynsrc、start、loop四个属性。其语法
如下：
<img src="图像文件" dynsrc="视频文件" start=开始播放时间 loop=播放次数>
1．设置背景声音可以使用<bgsound>标签来设置网页的背景声音。
<bgsound>标签有src和loop两个属性。其语法如下： <bgsound src="声音文件的名称" loop=次数> 说明： ⑴ src属性用于指定声音文件的地址，声音文件可以是wav、
midi和mp3等类型的文件。 ⑵ loop属性用于设置声音文件循环播放的次数，若设为
8.1 网页的特效
<meta>标签主要用于对HTML文档进行说明，如文档的所有权、所采用的字符集等。如：
• <meta name="generator" content="Microsoft Frontpage 5.0"> （用来说明这个HTML文档是用“Microsoft FrontPage 5.0”制作的。） • <meta http-equiv="content-type" content="text/html; charset=gb2312"> （用来说明这个HTML文档所采用的字符集标准。）
⑷ loop属性用于设置视频文件循环播放的次数。
上一页下一页目录本节结束
8.3 滚动的文字
使用<marquee>标签可以简便地实现文字的移动，以达到动感十足的视觉效果。
<marquee>是一个成对标签，它有direction、behavior、 loop、scrollamount、scrolldelay、align、bgcolor、height、 width、hspace和vspace等属性。其语法如下：
⑺ bgcolor属性用于设置滚动文字的背景色。 ⑻ height、width属性用于设置滚动文字的宽度和高度，单位为像素或占浏览器窗口的百分比。
⑼ hspace和vspace属性用于设置滚动文字周围的空白区域，单位为像素或占浏览器窗口的百分比。
上一页下一页目录本节结束
8.4 显示Flash动画
如今的商业网站中一般会有很多的Flash动画。最重要的原因就是Flash动画文件在画质很好的情况下可以保持很小的占用空间，从某种意义上讲提高了用户的浏览速度。
在HTML中显示Flash动画，需要使用ClassID和Flash插件。大家不需要过多的了解这些知识，只需直接引用即可。
上一页下一页目录本节结束
<embed>标签主要有src、height、width三个属性。其语法如下：
<embed src="多媒体文件的名称" width=宽度 height=高度 loop=播放次数>
说明：
⑴ src属性用于指定多媒体文件的地址，该属性必须使用。 ⑵ height和width属性用于设置多媒体对象的高度和宽度，单位为像素。
上一页下一页目录本节结束
<meta>标签放在<head>和</head>标签之间，在HTML文档中可以包含任意数量的<meta>标签。
在所有的<meta>标签的功能中，最具吸引力的就是它的自动化功能和网页进入或退出时产生的过渡效果，下面我们通过实例来进行介绍。
在许多网站，第一个网站画面常常停留几秒后，即自动切换到
⑶ loop属性用于设置播放的次数，设为true会无限制的重复播放，直到你离开该网页或是单击播放网页中的停止按钮；若设为no，则仅播放一次，默认值为no。
上一页下一页目录本节结束
8.2.2 嵌入多媒体文件
除了可以使用上述方法插入多媒体文件外，还可以在网页中嵌入多媒体文件，它将不调用多媒体播放器。