⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 会移动的文字.htm

📁 HTML语言的基础教程
💻 HTM
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0043)http://www.zjou.edu.cn/te/html/marquee.html -->
<HTML><HEAD><TITLE>HTML 语言教程</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>
<BODY bgColor=#d4d4d4 
onload="alert('本页面的效果必须在 Microsoft Internet Explorer 中才能看到 :-(((')">
<H1 align=center>会移动的文字(Marquee)</H1>
<CENTER>
<P>
<HR>

<P></P></CENTER>
<CENTER>
<P><IMG height=14 src="会移动的文字.files/ie.gif" width=80 
tppabs="http://webclass/html/ie.gif"> <!--################## Basic ########################--><A 
name=marquee></A></P></CENTER>
<H2><IMG height=20 alt=+ src="会移动的文字.files/br20t.gif" width=20 align=top 
tppabs="http://webclass/html/br20t.gif"> 基本语法</H2>
<P><!------Basic-------></P>
<H3>&lt;marquee&gt; ... &lt;/marquee&gt;</H3>
<DL>
  <DD><TT>&lt;marquee&gt;啦啦啦,我会移动耶!&lt;/marquee&gt; </TT></DD></DL>
<P>
<MARQUEE>啦啦啦,我会移动耶!</MARQUEE></P><PRE></PRE>
<P><!--################## Scroll ########################--><A 
name=scrolla></A></P>
<H2><IMG height=20 alt=+ src="会移动的文字.files/br20t.gif" width=20 align=top 
tppabs="http://webclass/html/br20t.gif">文字移动属性的设置 </H2>
<P><!------Direction-------><A name=dir></A></P>
<H3>方向 &lt;direction=#&gt; #=left, right</H3>
<DL>
  <DD><TT>&lt;marquee direction=left&gt;啦啦啦,我从右向左移!&lt;/marquee&gt; 
  &lt;P&gt;<BR>&lt;marquee direction=right&gt;啦啦啦,我从左向右移!&lt;/marquee&gt; 
  </TT></DD></DL>
<P>
<MARQUEE>啦啦啦,我从右向左移!</MARQUEE></P>
<P>
<MARQUEE direction=right>啦啦啦,我从左向右移!</MARQUEE></P><PRE></PRE>
<P><!------BEHAVIOR-------><A name=style></A></P>
<H3>方式 &lt;bihavior=#&gt; #=scroll, slide, alternate</H3>
<DL>
  <DD><TT>&lt;marquee behavior=scroll&gt;啦啦啦,我一圈一圈绕着走!&lt;/marquee&gt; 
  &lt;P&gt;<BR>&lt;marquee behavior=slide&gt;啦啦啦,我只走一次就歇了!&lt;/marquee&gt; 
  &lt;P&gt;<BR>&lt;marquee behavior=alternate&gt;啦啦啦,我来回走耶!&lt;/marquee&gt; 
  </TT></DD></DL>
<P>
<MARQUEE>啦啦啦,我一圈一圈绕着走!</MARQUEE></P>
<P>
<MARQUEE behavior=slide>啦啦啦,我只走一次就歇了!</MARQUEE></P>
<P>
<MARQUEE behavior=alternate>啦啦啦,我来回走耶!</MARQUEE></P><PRE></PRE>
<P><!------LOOP-------><A name=loop></A></P>
<H3>循环 &lt;loop=#&gt; #=次数;若未指定则循环不止(infinite)</H3>
<DL>
  <DD><TT>&lt;marquee loop=3 width=50% behavior=scroll&gt;啦啦啦,我只走 3 
  趟哟!&lt;/marquee&gt; &lt;P&gt;<BR>&lt;marquee loop=3 width=50% 
  behavior=slide&gt;啦啦啦,我只走 3 趟哟!&lt;/marquee&gt; &lt;P&gt;<BR>&lt;marquee 
  loop=3 width=50% behavior=alternate&gt;啦啦啦,我只走 3 趟哟!&lt;/marquee&gt; 
</TT></DD></DL>
<P>
<MARQUEE loop=3 width="50%">啦啦啦,我只走 3 趟哟!</MARQUEE></P>
<P>
<MARQUEE behavior=slide loop=3 width="50%">啦啦啦,我只走 3 趟哟!</MARQUEE></P>
<P>
<MARQUEE behavior=alternate loop=3 width="50%">啦啦啦,我只走 3 趟哟!</MARQUEE></P><PRE></PRE>
<P><!------SCROLL AMOUNT-------><A name=scroll></A></P>
<H3>速度 &lt;scrollamount=#&gt;</H3>
<DL>
  <DD><TT>&lt;marquee scrollamount=20&gt;啦啦啦,我走得好快哟!&lt;/marquee&gt; 
</TT></DD></DL>
<P>
<MARQUEE scrollAmount=20>啦啦啦,我走得好快哟!</MARQUEE></P><PRE></PRE>
<P><!------SCROLL DELAY-------></P>
<H3>延时 &lt;scrolldelay=#&gt;</H3>
<DL>
  <DD><TT>&lt;marquee scrolldelay=500 
  scrollamount=100&gt;啦啦啦,我走一步,停一停!&lt;/marquee&gt; </TT></DD></DL>
<P>
<MARQUEE scrollAmount=100 scrollDelay=500>啦啦啦,我走一步,停一停!</MARQUEE></P><PRE></PRE>
<P><!--################## LAYOUT ########################--><A 
name=layout></A></P>
<H2><IMG height=20 alt=+ src="会移动的文字.files/br20t.gif" width=20 align=top 
tppabs="http://webclass/html/br20t.gif"> 外观(Layout)设置</H2>
<P><!------ALign-------><A name=align></A></P>
<H3>对齐方式(Align) &lt;align=#&gt; #=top, middle, bottom</H3>
<DL>
  <DD><TT>&lt;font size=6&gt;<BR>&lt;marquee align=# 
  width=400&gt;啦啦啦,我会移动耶!&lt;/marquee&gt;<BR>&lt;/font&gt;<BR>对齐上沿、中间、下沿。</TT> 
  </DD></DL><FONT size=6>
<P>
<MARQUEE width=400 align="top">啦啦啦,我会移动耶!</MARQUEE></FONT>对齐上沿。</P><FONT size=6>
<P>
<MARQUEE width=400 align="middle">啦啦啦,我会移动耶!</MARQUEE></FONT>对齐中间。</P><FONT 
size=6>
<P>
<MARQUEE width=400 align="bottom">啦啦啦,我会移动耶!</MARQUEE></FONT>对齐下沿。</P><PRE>
</PRE>
<P><!------Background Color-------><A name=color></A></P>
<H3>底色 &lt;bgcolor=#&gt; </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>&lt;marquee bgcolor=aaaaee&gt;啦啦啦,我会移动耶!&lt;/marquee&gt; </TT></DD></DL>
<P>
<MARQUEE bgColor=#aaaaee>啦啦啦,我会移动耶!</MARQUEE></P><PRE></PRE>
<P><!------Size-------><A name=size></A></P>
<H3>面积 &lt;height=# width=#&gt;</H3>
<DL>
  <DD><TT>&lt;marquee height=40 width=50% 
  bgcolor=aaeeaa&gt;<BR>啦啦啦,我会移动耶!<BR>&lt;/marquee&gt; </TT></DD></DL>
<P>
<MARQUEE width="50%" bgColor=#aaeeaa height=40>啦啦啦,我会移动耶!</MARQUEE></P><PRE></PRE>
<P><!------Margins-------><A name=margin></A></P>
<H3>空白(Margins)&lt;hspace=# vspace=#&gt;</H3>
<DL>
  <DD><TT>********************************************&lt;br&gt;<BR>嗨,<BR>&lt;marquee 
  hspace=20 vspace=20 width=150 bgcolor=ffaaaa 
  align=middle&gt;啦啦啦,我会移动耶!&lt;/marquee&gt;<BR>大家好!&lt;br&gt;<BR>******************************************** 
  </TT></DD></DL>
<P>********************************************<BR>嗨, 
<MARQUEE hspace=20 vspace=20 width=150 bgColor=#ffaaaa 
align="middle">啦啦啦,我会移动耶!</MARQUEE>大家好!<BR>******************************************** 
</P><PRE></PRE><BR>
<HR>
<IMG height=58 alt="NCD HOME" hspace=3 src="会移动的文字.files/angel-homeg.gif" 
width=69 align=left vspace=10 border=0> <A 
href="http://www.zjou.edu.cn/te/html/html.htm">(返回) HTML 语言教程:目录</A> 
<BR></BODY></HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -