第十三章 走马灯效果

走马灯效果标签marquee

基本语法

<marquee>文字或者图片</marquee>

direction="right" 设置移动方向

behavior="alternate" 设置变换,可以弹回来

loop="2" 设置循环次数

scrollamount="40" 设置速度

scrolldelay="500" 设置延时

快速入门:


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>走马灯效果</title>
	</head>
	<body>
		<div style="width:300px;height:300px;background-color:silver;">
			<marquee direction="right">走马灯效果</marquee>
		</div>
		<hr>
		<div style="width:500px;height:600px;background-color:silver;">
			<marquee direction="right" behavior="alternate" loop="2" scrollamount="40" 
			scrolldelay="500">
				<img src="0000.jpeg" width="200px">
			</marquee>
		</div>		
	
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/m0_38036750/article/details/81006635