学习网页设计与制作之跑马灯标记

最新推荐文章于 2025-05-27 12:35:44 发布

原创

最新推荐文章于 2025-05-27 12:35:44 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#网页设计 #html

本文介绍了如何使用HTML的<marquee>标记创建跑马灯效果，实现文字滚动。当鼠标悬停时，滚动会暂停；鼠标移开，滚动继续。

让你的文字滚起来！！！

并当鼠标停留在文本上时，文本会停止滚动，当鼠标移开时，文字有继续滚动！

用的跑马灯标记<marquee>……</marquee> 。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
 <marquee  direction="up" behavior="scroll" scrollamount ="3" scrolldelay = "4" loop="0" align ="middle" onmouseover=this.stop()  
onmouseout=this.start() height = "120">
     <strong>一不贪<br/>
     <strong>二不争<br/>
    &nbs