HTML学习3(动态图文、多媒体)

一、网页中的动态图文

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)文字移动的方向

<marquee direction="#">正在移动</marquee>

#可选择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>默认自动播放。通过autostart属性设置。

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

#可选择为ture或false

发布了141 篇原创文章 · 获赞 194 · 访问量 25万+

猜你喜欢

转载自blog.csdn.net/kenjianqi1647/article/details/104922743
今日推荐