marquee标签:走马灯
1、direction
代表方向,就是输入内容如何滚动。分为从上到下、从下到上、从左到右、从右到左四种情况。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<marquee direction="up">这是一段内容</marquee>
<hr>
<marquee direction="down">这是一段内容</marquee>
<hr>
<marquee direction="left">这是一段内容</marquee>
<hr>
<marquee direction="right">这是一段内容</marquee>
<hr>
</body>
</html>
2、scrollamount
控制走马灯滚动的速度。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<marquee scrollamount="10">这是一段内容</marquee>
<hr>
<marquee scrollamount="100">这是一段内容</marquee>
<hr>
</body>
</html>
3、loop
控制走马灯循环的次数。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<marquee loop="1">这是一段内容</marquee>
<hr>
<marquee loop="2">这是一段内容</marquee>
<hr>
</body>
</html>
4、behavior
控制走马灯滚动的类型,分为slide:滚动到边界就停止;alternate:滚动到边界就反弹。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
<marquee behavior="slide">这是一段内容</marquee>
<hr>
<marquee behavior="alternate">这是一段内容</marquee>
<hr>
</body>
</html>
最后,Marquee标签并不一定是对文字起作用,除了文字还有图片。