html多媒体应用之网页中插入flash动画/插入音乐
2014-05-09来源:易贤网

一、HTML中多媒体的应用_falsh动画(往网页中插入Flash动画)

1. Flash动画插入第一种方法:使用<embed>...</embed>标记动画会自动缩小

属性:

src=url(Flash路径)

width=像素/百分比(flash宽度)

height=像素/百分比(falsh高度)

wmode

window 使 flash 自身的矩形窗口来播放

opaque 使 flash 隐藏页面上位于它后面

transparent 使 flash的 背景透明

<embed src="../../../素材库/Flash动画素材/文字1.swf" width="600"></embed>

<embed src="../../../素材库/Flash动画素材/图片商业家居广告.swf" wmode="window"></embed>

2.Flash动画插入的第二种方法: 使用<object>...</object>标记插入 flash 动画,也可以通过DW这个软件自动生成代码<object>,插入--多媒体--选择文件

二、HTML中多媒体的应用_mp3(往网页中插入音乐)

1.使用<embed>...</embed>

属性值说明

utostart    true/false    自动/非自动播放

loop    数字    音乐循环的次数(不加是无限)

它的前身是<bgsound src="URL" loop="次数"> 可以用作背景音乐

代码如下:

<embed src="../../../素材库/蔡淳佳 - 等一个晴天.mp3" autostart="true" loop="4"></embed>

<bgsound src="../../../素材库/邓紫棋 - 回忆的沙漏.mp3"/>

2.使用<object>...</object>标记插入 MP3 音乐

属性值说明

name   src(路径)音乐路径

utoplay(true/false)是否自动播放

代码如下:

<object data="../../../素材库/蔡淳佳 - 等一个晴天.mp3">

<param name="src" value="../../../素材库/蔡淳佳 - 等一个晴天.mp3"/>

<param name="autoplay" value="flase" />

</object>

三、设置可以活动的文字

<marquee>要活动文字</marquee>(有局限性,有些浏览器支持不好)

属性:

direction="滚动方向"(left(左(默认)),right(右),up(向上),down(向下))

behavior="滚动方式"(scroll(一圈一圈绕着走),slide(只走一次),alternate(来回的走))

loop="滚动的循环次数"默认循环不止(infinite)

scrolldelay="延时"(走一步,停一步)

scrollmount="速度"(数值越大越快)

bgcolor="背底颜色"

width="宽度"

height="高度"

hspace="像素" 左右两侧离浏览器边界的间距

vspace="像素" 上下两侧离浏览器边界的间距

onmouseover="this.stop()":鼠标放上去的时候停止滚动

onmouseout="this.start()"拿开鼠标继续滚动

代码如下:

<body>

<marquee direction="left" behavior="scroll" scrollamount="3" bgcolor="#FFFFCC" width="440" height="250" hspace="100" vspace="100" onmouseover="this.stop()" onmouseout="this.start()">

<ul type="square">

<li>公安部副部长李东生被查 中央反腐已深入政法委高层</li>

<li>路透:比利时公司曾帮中国北斗系统写代码</li>

<li>自媒体变局:娱乐业经纪人模式可以一试</li>

<li>国务院智囊批银行暴利:小狗坐行长座上也赚钱</li>

<li>西藏党委书记:2013年西藏民众安全满意度98%</li>

<li>盘点著名"公共情妇":均与多名贪官有染(图)</li>

<li>外媒指中国公务员成饭碗附庸 人生没有意义</li>

<li>刘强东瘦成一道闪电 游学归来想念李国庆</li>

<li>朝鲜警告将打击韩国 韩美军方高层视察西部前线</li>

<li>从马丁路德金误入广告说文化差异</li>

<li>重庆调整国企领导管理体制 严格执行60岁退休</li>

</ul>

</marquee>

</body>

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息