用户注册



邮箱：

密码：

用户登录


邮箱：

密码：
记住登录一个月忘记密码？

发表随想


还能输入：200字
云代码 - html代码库

文字水平移动效果大全

2012-08-29 作者： 神马举报

[html]代码库

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
<TITLE>HTML 语言教程</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<META content="MSHTML 6.00.2900.3562" name=GENERATOR>
</HEAD>
<BODY bgColor=#d4d4d4>
<H1 align=center>会移动的文字(Marquee)</H1>
<CENTER>
  <P>
  <HR>
  <P></P>
</CENTER>
<CENTER>
  <P><!--################## Basic ########################--><A
	name=marquee></A></P>
</CENTER>
<H2>基本语法</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>文字移动属性的设置</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>外观(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>
  ********************************************
</BODY>
</HTML>


网友评论    (发表评论)

共2 条评论 1/1页

发表评论：

评论须知：

  • 1、评论每次加2分，每天上限为30；
  • 2、请文明用语，共同创建干净的技术交流环境；
  • 3、若被发现提交非法信息，评论将会被删除，并且给予扣分处理，严重者给予封号处理；
  • 4、请勿发布广告信息或其他无关评论，否则将会删除评论并扣分，严重者给予封号处理。


扫码下载

加载中，请稍后...

输入口令后可复制整站源码

加载中，请稍后...