📄 html9.htm
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>HTML语言教程之九：会移动的文字(marquee)</TITLE>
<META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot">
<link rel="stylesheet" href="../../cpcw.css"></HEAD>
<BODY LINK="#0000ff" VLINK="#800080" background="../bg.gif">
<table width="85%" border="0" align="center">
<tr bgcolor="#FFFFFF">
<td>
<p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b>HTML语言教程之九：会移动的文字(marquee)</b></font></font></p>
<p align="JUSTIFY"></p>
<hr>
<center>
<p></p>
</center>
<p><!--################## Frame ########################--><a name="frame"></a></p>
<h2> 基本语法</h2>
<p><!------Basic-------></p>
<h3><marquee> ... </marquee></h3>
<dl>
<dd><tt><marquee>啦啦啦，我会移动耶！</marquee> </tt></dd>
</dl>
<p><marquee>啦啦啦，我会移动耶！</marquee> </p>
<pre>
</pre>
<p><!--################## Scroll ########################--><a name="scrolla"></a></p>
<h2>文字移动属性的设置 </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>啦啦啦，我从右向左移！</marquee> </p>
<p><marquee direction=right>啦啦啦，我从左向右移！</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>啦啦啦，我一圈一圈绕着走！</marquee> </p>
<p><marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> </p>
<p><marquee behavior=alternate>啦啦啦，我来回走耶！</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>啦啦啦，我只走 3 趟哟！</marquee> </p>
<p><marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee> </p>
<p><marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 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>啦啦啦，我走得好快哟！</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>啦啦啦，我走一步，停一停！</marquee> </p>
<pre>
</pre>
<p><!--################## LAYOUT ########################--><a name="layout"></a></p>
<h2> 外观(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>
<p> <font size=6><marquee align=top width=400>啦啦啦，我会移动耶！</marquee> </font>对齐上沿。</p>
<p> <font size=6><marquee align=middle width=400>啦啦啦，我会移动耶！</marquee> </font>对齐中间。</p>
<p> <font size=6><marquee align=bottom width=400>啦啦啦，我会移动耶！</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>啦啦啦，我会移动耶！</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>啦啦啦，我会移动耶！</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>啦啦啦，我会移动耶！</marquee> 大家好！<br>
******************************************** </p>
<div align="center"><a href="html1.htm">页面标记|</a>
<a href="html2.htm">字体标记|</a>
<a href="html3.htm">文字布局|</a>
<a href="html4.htm">图像标记|</a>
<a href="html5.htm">表单标记|</a>
<a href="html6.htm">表格标记|</a>
<a href="html7.htm">表格进阶|</a>
<a href="html8.htm">多窗口|</a>
<a href="html9.htm">移动文字|</a>
<a href="html10.htm">多媒体</a><br>
<a href="html8.htm">
上一节</a> <a href="start.html">首页</a> <a href="html10.htm">下一节</a><br>
<br>
</td>
</tr>
</table>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -