?? marquee.html
字號:
<HTML>
<HEAD>
<TITLE>黃金書屋 - INTERNET 教室 - HTML 語言教程</TITLE>
</HEAD>
<BODY BGCOLOR="#D4D4D4" onLoad="alert('本頁面的效果必須在 Microsoft Internet Explorer 中才能看到 :-(((')">
<H1 ALIGN=CENTER>會移動的文字(Marquee)</H1>
<CENTER><P>
<HR></P></CENTER>
<CENTER><P><IMG SRC="ie.gif" tppabs="http://www.yessir.net/html/ie.gif" HEIGHT=14 WIDTH=80> <!--################## Basic ########################--><A NAME="marquee"></A></P></CENTER>
<H2><IMG SRC="br20t.gif" tppabs="http://www.yessir.net/html/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>啦啦啦，我會移動耶！</marquee> </P>
<PRE>
</PRE>
<P><!--################## Scroll ########################--><A NAME="scrolla"></A></P>
<H2><IMG SRC="br20t.gif" tppabs="http://www.yessir.net/html/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>啦啦啦，我從右向左移！</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><IMG SRC="br20t.gif" tppabs="http://www.yessir.net/html/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>啦啦啦，我會移動耶！</marquee>
</FONT>對齊上沿。</P>
<FONT SIZE=6>
<P><marquee align=middle width=400>啦啦啦，我會移動耶！</marquee>
</FONT>對齊中間。</P>
<FONT SIZE=6>
<P><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 進制數碼，或者是下列預定義色彩</A>：<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>
<PRE>
</PRE>
<P><!--################## (^^) Jump & Add (^^) ########################-->
<HR><A HREF="../../tppmsgs/msgs0.htm#1" tppabs="http://ncdesign.kyushu-id.ac.jp/"><IMG SRC="angel-homeg.gif" tppabs="http://www.yessir.net/html/angel-homeg.gif" ALT="NCD HOME" HSPACE=3 VSPACE=10 BORDER=0 HEIGHT=46 WIDTH=55 ALIGN=LEFT></A>
<B><A HREF="../../tppmsgs/msgs0.htm#2" tppabs="http://www.yessir.net/html_design.html">HTML
Design Guide Main Page<BR>
<NOBR></A></B><FONT FACE="'Times New Roman', Arial"><FONT SIZE=-1><A HREF="../../tppmsgs/msgs0.htm#8" tppabs="http://www.yessir.net/html/html_design.html#content">Contents</A>
|| <A HREF="page.html" tppabs="http://www.yessir.net/html/page.html">Page</A>
|| <A HREF="font.html" tppabs="http://www.yessir.net/html/font.html">Font</A>
|| <A HREF="text_style.html" tppabs="http://www.yessir.net/html/text_style.html">Text
Style</A> || <A HREF="image.html" tppabs="http://www.yessir.net/html/image.html">Image</A>
|| <A HREF="form.html" tppabs="http://www.yessir.net/html/form.html">Form</A>
|| <A HREF="table.html" tppabs="http://www.yessir.net/html/table.html">Table</A>
|| <A HREF="table02.html" tppabs="http://www.yessir.net/html/table02.html">Table
Advanced</A> <BR>
|| <A HREF="frame.html" tppabs="http://www.yessir.net/html/frame.html">Frames</A>
|| <A HREF="marquee.html" tppabs="http://www.yessir.net/html/marquee.html">Marquee</A>
|| <A HREF="inline.html" tppabs="http://www.yessir.net/html/inline.html">Alternative
Inline Elements</A> <BR>
</FONT><FONT SIZE=-2><A HREF="tag-index.html" tppabs="http://www.yessir.net/html/tag-index.html">Tag
Index</A> || <A HREF="new.html" tppabs="http://www.yessir.net/html/new.html">What's
New</A></FONT><FONT SIZE=-1> </FONT></FONT><BR clear=all>
</P>
<P>Network Communication Design<BR>
<A HREF="../../tppmsgs/msgs0.htm#1" tppabs="http://ncdesign.kyushu-id.ac.jp/">http://ncdesign.kyushu-id.ac.jp/<BR>
</A>C&P 1994-1996 Yuriko Ienaga <FONT SIZE=-1><A HREF="mailto:v91102@vgenda.kyushu-id.ac.jp">v91102@vgenda.kyushu-id.ac.jp</A></FONT>
<!--################## (^^) END (^^) ########################--></P>
</BODY>
</HTML>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -