web前端开发之多媒体和跑马灯

多媒体和跑马灯
多媒体
1、音频、视频、动画等
用法：<embed src="URL" width="500" height="400"></embed>

2、<embed>属性说明
src：嵌入内容的url路径，可以是相对路径或绝对路径
width：设置嵌入内容的宽度
height：设置嵌入内容的高度
units：设置指定高和宽的单位为pixels或en
autostart：设置音频或视频文件是否在下载完之后就自动播放，取值如下：
true：音乐文件在下载完之后自动播放
false：音乐文件在下载完之后不自动播放
loop：设置音频或视频文件是否循环及循环次数，取值如下：
正整数：音频或视频文件的循环次数与正整数值相同
true：音频或视频文件循环
false：音频或视频文件不循环
示例：

<embed src="your.mid" autostart=true loop=2>
<embed src="your.mid" autostart=true loop=true>
<embed src="your.mid" autostart=true loop=false>
hidden：设置控制面板是否显示，默认值为false
true：隐藏面板
false：显示面板
示例：

<embed src="your.mid" hidden="true">
<embed src="your.mid" hidden="false">
starttime：设置音频或视频文件开始播放时间.未定义则从文件开头播放,格式:starttime=mm:ss(分:秒)
volume：设置音量大小，未定义则使用系统本身的设定。取值：0是最大值，可以使用负值使音量变小
controls：设置控制面板的外观。默认值是console
取值如下：

属性	取值
console	一般正常面板
smallconsole	较小的面板
playbutton	只显示播放按钮
pausebutton	只显示暂停按钮
stopbutton	只显示停止按钮
volumelever	只显示音量调节按钮
示例：<embed src="your.mid" controls=smallconsole>

name：设置对象的名称
title：设置说明的文字。该属性规定音频或视频文件的说明文字
示例：<embed src="your.mid" title="第一首歌">

palette：设置前景色和背景色，第一个值为前景色，第二个值为背景色，中间用|隔开
align：设置控制面板和当前行中的对象的对齐方式
属性	说明
left	控制面板居左
right	控制面板居右
top	控制面板的顶部与当前行中的最高对象的顶部对齐
bottom	控制面板的底部与当前行中的对象的基线对齐
baseline	控制面板的底部与文本的基线对齐
texttop	控制面板的顶部与当前行中的最高的文字顶部对齐
middle	控制面板的中间与当前行的基线对齐
absmiddle	控制面板的中间与当前文本或对象的中间对齐
absbottom	控制面板的底部与文字的底部对齐
type：设置播放器类型

Flash：type=”application/x-shockwave-flash”
Windows media player：type=”application/x-mplayer2”
Realplayer：type=”audio/x-pn-realaudio-plugin”
3、bgsound背景音乐
解释：bgsound(background sound),Internet Explorer(ie)专用标签，打开网页的时候自动播放背景音乐

属性如下：

balance：调整左右声道的音量平衡，取值范围 -10000～10000
loop：指定播放回数。当指定为infinite或-1时无限循环播放
src：指定音乐文件的地址。支持 .wav, .au, .mid, .aif 等格式
volume：调整音量，取值范围 -10000～0 。0 是最大音量
4、applet标签
解释：需要额外的插件和安装过程才能起作用(一般不建议使用)

marquee标签
1、作用
创建一个滚动的文本字幕

2、属性
direction：设置滚动方向
left：向左
right：向右
up：向上
down：向下（示例：<marquee direction="down">向下</marquee>）
behavior：文字滚动方式
scroll：连续滚动，重复由一段滚动到另一端
slide：滑动一次，不重复
alternate：表示两端之间来回滚动
loop：循环次数（-1：无限循环（默认），正整数：循环几次）
scrollamount：滚动速度，值取正整数，默认是6
scrolldelay：停顿时间，值取正整数，默认为0，单位毫秒
valign：垂直对齐方式
top：顶部对齐
middle：居中对齐（默认）
bottom：底部对齐
align：水平对齐方式
属性	说明
absbottom	绝对底部对齐（与g、p等字母的最下端对齐）
absmiddle	绝对中央对齐
baseline	底线对齐
bottom	底部对齐（默认）
left	左对齐
middle	中间对齐
right	右对齐
texttop	顶线对齐
top	顶部对齐
bgcolor：设置活动字幕的背景色，默认白色
height：设置活动字幕高度，值取正整数或百分比
width：设置活动字幕宽度，值取正整数或百分比
hspace：设置活动字幕元素到区域边界的水平距离，值取正整数，单位是像素
vspace：设置活动字幕元素到区域边界的垂直距离，值取正整数，单位是像素
οnmοuseοver=this.stop() οnmοuseοut=this.start() 表示当鼠标移上区域的时候滚动停止，当鼠标移开的时候又继续滚动。
示例：
<marquee id="scrollarea" direction="up" scrolldelay="10" 
  scrollamount="1" width="150" height="80" 
  onmouseover="this.stop();" 
  onmouseout="this.start();">紫沐兜
</marquee>
3、常见跑马灯
<marquee>跑马灯</marquee>普通
<marquee behavior=slide>跑马灯</marquee>滑动 一次
<marquee behavior=scroll>跑马灯</marquee>连续滚动
<marquee behavior=alternate>跑马灯</marquee>来回滚动
<marquee direction=down>跑马灯</marquee>向下滚动
<marquee direction=up>跑马灯</marquee>向上滚动 
<marquee direction=right>跑马灯</marquee>向右滚动 
<marquee direction=’left’>跑马灯</marquee>向左滚动 
<marquee loop=2>跑马灯</marquee>滚动次数 
<marquee width=180>跑马灯</marquee>设定宽度 
<marquee height=30>跑马灯</marquee>设定高度 
<marquee bgcolor="red">跑马灯</marquee>设定背景颜色 
<marquee scrollamount=30>跑马灯</marquee>设定滚动速度 
<marquee scrolldelay=300>跑马灯</marquee>设定滚动时间 
<marquee onmouseover="this.stop()">跑马灯</marquee>鼠标经过上面时停止滚动 
<marquee onmouseover="this.start()">跑马灯</marquee>鼠标离开时开始滚动
<marquee direction=left loop=2 width=960 height=30 scrollamount=30 scrolldelay=300 
onmouseover="this.stop()" onmouseover="this.start()">跑马灯</marquee>

————————————————
智一面|前端面试必备练习题