網页的动态多媒体效果.docVIP

1.8 网页的动态、多媒体效果 在网页的设计过程中，动态效果的插入，会使网页更加生动灵活、丰富多彩。 一、 滚动字幕marquee marquee标签可以实现元素在网页中移动的效果，以达到动感十足的视觉效果。marquee标签是一个成对的标签。应用格式为: marquee behavior =.../marquee marquee标签有很多属性，用来定义元素的移动方式: 属 性 描 述 align 指定对齐方式top,middle,bottom scroll 单向运动 slide 如幻灯片,一格格的，效果是文字一接触左边就停止。 alternate 左右往返运动 bgcolor 设定文字卷动范围的背景颜色 loop 设定文字卷动次数，其值可以是正整数或 infinite表示无限次 默认为无限循环 height 设定字幕高度 width 设定字幕宽度 scrollamount 指定每次移动的速度,数值越大速度越快 scrolldelay 文字每一次滚动的停顿时间，单位是毫秒。时间越短滚动越快 hspace 指定字幕左右空白区域的大小 vspace 指定字幕上下空白区域的大小 direction 设定文字的卷动方向,left表示向左,right表示向右,up表示往上滚动 behavior 指定移动方式，scroll表示滚动播出，slibe表示滚动到一方后停止，alternate表示滚动到一方后向相反方向滚动。 8-1 实例a.html htmlbodycenterfont face=字体2 size=6 color=#ff0000 滚动字幕/fontbr marquee啦啦啦~~~我会跑了/marqueep marquee height=200 direction=up hspace=200啦啦啦~~~我会往上跑了br啦啦啦~~~我会往上跑了/marqueep marquee direction=right啦啦啦~~~我会往右跑了/marqueep marquee height=200 direction=downcenter啦啦啦~~~我会往下跑了/center/marquee pmarquee width=500 behavior=alternate啦啦啦~~~我来回的跑/marquee pmarquee behavior=slide啦啦啦~~~我跑到目的地就该休息了/marquee Pmarquee scrollamount=2啦啦啦~~~我累了，要慢慢的溜达/marquee Pmarquee scrolldelay=300啦啦啦~~~我累了，我要走走停停/marquee pmarquee scrollamount=20哈哈~都没有我跑得快/marquee pmarqueeimg src=../../imge/6-2.jpg啦啦啦~~图片也可以啊/marquee pmarquee bgcolor=#FFFFCC width=700 vspace=30font size=+3 color=#FF0000啦啦啦~~滚动文字有背景了/font/marquee /center/body/html 二、 插入多媒体文件 在网页中可以用embed标签将多媒体文件插入，比如可以插入音乐和视频等。 用浏览器可以播放的音乐格式有：MIDI音乐、WAV音乐、mp3、AIFF、AU格式等。 embed标签的使用格式： EMBED SRC=音乐文件地址 SRC=FILENAME 设定音乐文件的路径 AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE LOOP=TRUE/FALSE 设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。 STARTIME=分:秒 设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20 VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。 WIDTH HEIGHT 设定播放控件面板的大小 HIDDEN=TRUE 隐藏播放控件面板 CONTROLS=CONSOLE/SMALLCONSOLE 设定播放控件面板的样子 实例 b.htm HTMLHEADTITLE插入多媒体文件/TITLE/HEAD bodyH2 ALIGN=CENTER网页中的多媒体/H2HRcenter embed src=mid/20.mid height=45 width=400 loop=false/embed /center/BODY/HTML 实例 c.html HTMLHEADTITLE插入多媒体文件/TITLE/HEAD bodyH2