📄 marquee.htm
字号:
<html>
<head>
<title>INTERNET 教室 - HTML 语言教程</title>
</head>
<body BGCOLOR="#D4D4D4">
<h1 ALIGN="CENTER">会移动的文字(Marquee)</h1>
<hr align="center">
<p align="center"><img SRC="ie.gif" HEIGHT="14" WIDTH="80"> <!--################## Basic ########################--><a NAME="marquee"></a></p>
<h2><img SRC="br20t.gif" ALT="+" HEIGHT="20" WIDTH="20" ALIGN="TOP"> 基本语法</h2>
<p><!------Basic-------></p>
<h3><marquee> ... </marquee></h3>
<dl>
<dd><tt><marquee>啦啦啦，我会移动耶！</marquee> </tt></dd>
</dl>
<p><marquee border="0">啦啦啦，我会移动耶！</marquee> </p>
<pre>
</pre>
<p><!--################## Scroll ########################--><a NAME="scrolla"></a></p>
<h2><img SRC="br20t.gif" ALT="+" HEIGHT="20" WIDTH="20" ALIGN="TOP">文字移动属性的设置
</h2>
<p><!------Direction-------><a NAME="dir"></a></p>
<h3>方向 <direction=#> #=left, right</h3>
<dl>
<dd><tt><marquee direction=left>啦啦啦，我从右向左移！</marquee>
<P><br>
<marquee direction=right>啦啦啦，我从左向右移！</marquee> </tt></dd>
</dl>
<p><marquee direction="left" border="0">啦啦啦，我从右向左移！</marquee> </p>
<p><marquee direction="right" border="0">啦啦啦，我从左向右移！</marquee> </p>
<pre>
</pre>
<p><!------BEHAVIOR-------><a NAME="style"></a></p>
<h3>方式 <bihavior=#> #=scroll, slide, alternate</h3>
<dl>
<dd><tt><marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee>
<P><br>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee>
<P><br>
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee> </tt></dd>
</dl>
<p><marquee behavior="scroll" border="0">啦啦啦，我一圈一圈绕着走！</marquee>
</p>
<p><marquee behavior="slide" border="0">啦啦啦，我只走一次就歇了！</marquee> </p>
<p><marquee behavior="alternate" border="0">啦啦啦，我来回走耶！</marquee> </p>
<pre>
</pre>
<p><!------LOOP-------><a NAME="loop"></a></p>
<h3>循环 <loop=#> #=次数；若未指定则循环不止(infinite)</h3>
<dl>
<dd><tt><marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee>
<P><br>
<marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee>
<P><br>
<marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>
</tt></dd>
</dl>
<p><marquee loop="3" width="50%" behavior="scroll" border="0">啦啦啦，我只走 3 趟哟！</marquee>
</p>
<p><marquee loop="3" width="50%" behavior="slide" border="0">啦啦啦，我只走 3 趟哟！</marquee>
</p>
<p><marquee loop="3" width="50%" behavior="alternate" border="0">啦啦啦，我只走 3 趟哟！</marquee>
</p>
<pre>
</pre>
<p><!------SCROLL AMOUNT-------><a NAME="scroll"></a></p>
<h3>速度 <scrollamount=#></h3>
<dl>
<dd><tt><marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee> </tt></dd>
</dl>
<p><marquee scrollamount="20" border="0">啦啦啦，我走得好快哟！</marquee> </p>
<pre>
</pre>
<p><!------SCROLL DELAY-------></p>
<h3>延时 <scrolldelay=#></h3>
<dl>
<dd><tt><marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
</tt></dd>
</dl>
<p><marquee scrolldelay="500" scrollamount="100" border="0">啦啦啦，我走一步，停一停！</marquee>
</p>
<pre>
</pre>
<p><!--################## LAYOUT ########################--><a NAME="layout"></a></p>
<h2><img SRC="br20t.gif" ALT="+" HEIGHT="20" WIDTH="20" ALIGN="TOP"> 外观(Layout)设置</h2>
<p><!------ALign-------><a NAME="align"></a></p>
<h3>对齐方式(Align) <align=#> #=top, middle, bottom</h3>
<dl>
<dd><tt><font size=6><br>
<marquee align=# width=400>啦啦啦，我会移动耶！</marquee><br>
</font><br>
对齐上沿、中间、下沿。</tt></dd>
</dl>
<font SIZE="6">
<p><marquee align="top" width="400" border="0">啦啦啦，我会移动耶！</marquee> </font>对齐上沿。</p>
<font SIZE="6">
<p><marquee align="middle" width="400" border="0">啦啦啦，我会移动耶！</marquee>
</font>对齐中间。</p>
<font SIZE="6">
<p><marquee align="bottom" width="400" border="0">啦啦啦，我会移动耶！</marquee>
</font>对齐下沿。</p>
<pre>
</pre>
<p><!------Background Color-------><a NAME="color"></a></p>
<h3>底色 <bgcolor=#> </h3>
<dl>
<dd><b>#=rrggbb</b> 16 进制数码，或者是下列预定义色彩：<br>
<font COLOR="#000000">Black</font>, <font COLOR="#808000">Olive</font>, <font
COLOR="#008080">Teal</font>, <font COLOR="#FF0000">Red</font>, <font COLOR="#0000FF">Blue</font>,
<font COLOR="#800000">Maroon</font>, <font COLOR="#000080">Navy</font>, <font
COLOR="#808080">Gray</font>, <font COLOR="#00FF00">Lime</font>, <br>
<font COLOR="#FF00FF">Fuchsia</font>, <font COLOR="#FFFFFF">White</font>, <font
COLOR="#008000">Green</font>, <font COLOR="#800080">Purple</font>, <font COLOR="#C0C0C0">Silver</font>,
<font COLOR="#FFFF00">Yellow</font>, <font COLOR="#00FFFF">Aqua</font> </dd>
</dl>
<dl>
<dd><tt><marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee> </tt></dd>
</dl>
<p><marquee bgcolor="aaaaee" border="0">啦啦啦，我会移动耶！</marquee> </p>
<pre>
</pre>
<p><!------Size-------><a NAME="size"></a></p>
<h3>面积 <height=# width=#></h3>
<dl>
<dd><tt><marquee height=40 width=50% bgcolor=aaeeaa><br>
啦啦啦，我会移动耶！<br>
</marquee> </tt></dd>
</dl>
<p><marquee height="40" width="50%" bgcolor="aaeeaa" border="0">啦啦啦，我会移动耶！</marquee>
</p>
<pre>
</pre>
<p><!------Margins-------><a NAME="margin"></a></p>
<h3>空白(Margins)<hspace=# vspace=#></h3>
<dl>
<dd><tt>********************************************<br><br>
嗨,<br>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦，我会移动耶！</marquee><br>
大家好！<br><br>
******************************************** </tt></dd>
</dl>
<p>********************************************<br>
嗨, <marquee hspace="20" vspace="20" width="150" bgcolor="ffaaaa" align="middle"
border="0">啦啦啦，我会移动耶！</marquee> 大家好！<br>
******************************************** </p>
<pre>
</pre>
<p><!--################## (^^) Jump & Add (^^) ########################--> </p>
<hr>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -