这篇文章主要介绍了html中多媒体的应用之网页中插入Flash动画、插入音乐,需要的朋友可以参考下
一、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>
|