- 1、本文档共7页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
在网页的设计过程中,动态效果的插入,会使网页更加生动灵活、丰富多彩。
8-1 滚动字幕<marquee>
<marquee>标签可以实现元素在网页中移动的效果,以达到动感十足的视觉效果。
<marquee>标签是一个成对的标签。应用格式为:
<marquee>...</marquee>
<marquee>标签有很多属性,用来定义元素的移动方式:
<marquee>的属性
属 性 描 述
align 指定对齐方式 top,middle,bottom
scroll 单向运动
slide 如幻灯片,一格格的,效果是文字一接触左边就停止。
alternate 左右往返运动
bgcolor 设定文字卷动范围的背景颜色
设定文字卷动次数,其值可以是正整数或 infinite 表示无限
loop
次 默认为无限循环
height 设定字幕高度
width 设定字幕宽度
scrollamount 指定每次移动的速度,数值越大速度越快
scrolldelay 文字每一次滚动的停顿时间,单位是毫秒。时间越短滚动越快
hspace 指定字幕左右空白区域的大小
vspace 指定字幕上下空白区域的大小
设定文字的卷动方向,left 表示向左,right 表示向右,up 表示
direction
往上滚动
指定移动方式,scroll 表示滚动播出,slibe 表示滚动到一方
behavior
后停止,alternate 表示滚动到一方后向相反方向滚动。
实例:8-1.html
<html>
<body>
<center>
<font face="字体 2" size=6 color="#ff0000">
滚动字幕
</font><br>
<marquee>啦啦啦~~~我会跑了</marquee>
<p>
<marquee height="200" direction="up" hspace="200">啦啦啦~~~我会往上跑了<br>啦啦啦~~~
我会往上跑了</marquee>
<p>
<marquee direction="right">啦啦啦~~~我会往右跑了</marquee>
<p>
<marquee height="200" direction="down"><center>啦 啦 啦 ~~~我 会 往 下 跑 了
</center></marquee>
<p>
<marquee width="500" behavior="alternate">啦啦啦~~~我来回的跑</marquee>
<p>
<marquee behavior="slide">啦啦啦~~~我跑到目的地就该休息了</marquee>
<P>
<marquee scrollamount="2">啦啦啦~~~我累了,要慢慢的溜达</marquee>
<P>
<marquee scrolldelay="300">啦啦啦~~~我累了,我要走走停停</marquee>
<p>
<marquee scrollamount="20">哈哈~都没有我跑得快</marquee>
<p>
<marquee><img src="../../imge/6-2.jpg" _fcksavedurl="../../imge/6-2.jpg">啦啦啦~~ 图片也可以
啊</marquee>
<p>
<marquee bgcolor="#FFFFCC" width="700" vspace="30"><font size="+3" color="#FF0000">啦
啦啦~~滚动文字有背景了</font></marquee>
</center>
</body>
</html>
8-2 插入多媒体文件
在网页中可以用<embed>标签将多媒体文件插入,比如可以插入音乐和视频等。
用浏览器可以播放的音乐格式有:MIDI 音乐、WAV 音乐、mp3、AIFF、AU 格式等。
另外在利用网络下载的各种音乐格式中,MP3 是压缩率最高,音质最好的文件格
式。但要说明一点,虽然我们用代码标签插入了多媒体文件,但 I
文档评论(0)