HTML学习3（动态图文、多媒体）

最新推荐文章于 2024-06-01 19:12:43 发布

herryone123

最新推荐文章于 2024-06-01 19:12:43 发布

阅读量244

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/kenjianqi1647/article/details/104922743

版权

19 篇文章 2 订阅

订阅专栏

一、网页中的动态图文

1、移动属性的基本语法

通过<marquee>标记可以使得里面放置的对象移动，对象移动的范围是其所在的父对象的有效区域内。

<body>
	<marquee>正在移动</marquee>
</body>

移动方向设置：

通过direction属性可以控制移动的方向。默认属性为left，即为从右向左。

<body>
	<marquee direction="down">正在移动</marquee>
</body>

2、图片的移动

<body>
	<marquee width="600px" height="600px" bgcolor="#66666">
		<img src="image/小兔子.jpg">
	</marquee>
</body>

3、设置对象的移动

（1）文字移动的方向

#可选择left、 right、 up、 down

（2）文字的滚动循环

<marquee direction="left" behavior="#">正在ter滚动</marquee>

#可选择为scroll 、slide 、alternate 分别为循环移动、只移动一次、来回移动

（3）文字的移动速度

1）移动速度设置

<marquee scrollamount=20>移动速度设置</marquee>

scrollamount的数值越大，移动的速度越快。

2）移动延时

<marquee scrolldelay=20>移动速度设置</marquee>

二、网页多媒体

1、基础知识

网页多媒体可以播放flash、mid、wav、mp3等格式的多媒体文件。

基本语法：<embed src=url>

url表示多媒体的路径。

2、设置自动播放

语法：<embed src=url autostart=#>

#可选择为ture或false

关注