您的位置：首页 > Web前端 > HTML5

HTML5 第十章 多媒体页面

2016-09-28 00:40 267 查看
HTML5   第十章 多媒体页面

Dome 01 滚动文字

<body>
滚动方向：
<marquee direction="down"><font face="隶书" color="0066FF"
size="5">明日科技欢迎你！</font></marquee>

    <br/><br/>

    滚动方式：
<marquee behavior="scroll">古之成大事者</marquee>

    <marquee behavior="slide">不惟有超世之才</marquee>

    <marquee behavior="alternate">已有坚韧不拔之志</marquee>

    <br/><br/>

    滚动速度：

    <marquee scrollamount="3">一步一步慢慢走</marquee>

    <marquee scrollamount="10">看我悠哉的跑</marquee>

    <marquee scrollamount="30">小豹子的速度</marquee>

    <br/><br/>

    滚动延迟：

    <marquee scrollamount="20" scrolldelay="10">看我不停脚步地走</marquee>

    <marquee scrollamount="20" scrolldelay="50">看我走走停停</marquee>

    <marquee scrollamount="20" scrolldelay="250">看要走一步停一步</marquee>

    <br/><br/>

    循环次数：

    <marquee direction="right" loop="10">我只出现10次</marquee>

    <br/><br/>

    滚动范围：

    <marquee behavior="alternate" bgcolor="#33FF33">王勃</marquee><br/><br/> 

    <marquee behavior="alternate" bgcolor="#66CCFF" width="500" height="50">老当益壮，宁知白首之心；穷且益坚，不坠青云之志。</marquee>

    <br/><br/>                          

    滚动空间：<hr />

    <marquee behavior="alternate" bgcolor="#0066CC" hspace="90" vspace="50">明日科技</marquee>

    <br/><br/> <hr />

</body>

</html>

//direction 滚动方向 left(默认) right up down

//behavior  sroll循环滚动（默认） slide只滚动一次
alternate 来回交替进行滚动

//scrollamount 滚动速度 单位像素

//scrolldelay 滚动延迟，间隔单位毫秒

//loop 循环次数

//hspace 水平范围 vspace 垂直范围  单位像素

Dome 02 背景音乐

<body>
<bgsound src="music/zj.mp3" loop="3"/>
<center>

        <font face="黑体" size="+4" color="FFCC66">直觉</font>

        <br /><br />

        <font face="+3">梁静茹</font>

    <hr width="400" size="5"/>
什么话都不要说 你要的快乐我全都能懂<br /><br /> 
一个眼神就足够 你的微笑就述说了所有<br /><br />  
你和我同时喜欢一本小说 <br /><br /> 
同样的爱上了自由 我们都明白了 <br /><br /> 
我的直觉告诉我 直觉不会错 <br /><br /> 
不必说破 你心里想的就是我 <br /><br /> 
心事都给我猜透 <br /><br /> 
我的直觉告诉我 直觉就是我<br /><br />  
小小动作 把秘密都告诉了我 <br /><br /> 
点点头 就让我守在你左右 不走 <br /><br /> 
我的直觉它告诉我 你心里想的人是我 <br /><br /> 
我的直觉它对我说 让我守候在你左右 <br /><br /> 

    <hr width="400" size="5"/>

    </center>

</body>

</html>

//loop="true" 无限次循环 默认是播放几次？？？

//没有播放声音

Dome 03 媒体播放

<body>
<center>

    下面的视频文件中第一个视频文件将会自动播放，

    第二个视频文件需要手动播放。

    <hr size="2" color="#FF6633" />

    <embed src="shipin/oword.mkv" autostart="true" width="200" height="240"></embed>

    <hr size="3" color="#FF6633"/>

    <embed src="shipin/a.avi" autostart="false" width="200" heigth="240"></embed>

    <hr size="3" color="#FF6633" />

    <embed src="shipin/b.swf" autostart="true" width="200" height="240" loop="true"></embed>

    <hr size="3" color="#FF6633" />

    <embed src="shipin/oword.mkv" autostart="true" width="200" height="240" hidden="true"></embed>

    </center>

</body>

</html>

//播放不了，显示下载
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html
相关文章推荐
新的分享
章节导航