`

会移动的文字(Marquee)

 
阅读更多
<HTML>
<HEAD>
   <TITLE> 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" HEIGHT=14 WIDTH=80> <!--################## Basic ########################--><A NAME="marquee"></A></P></CENTER>

<H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP> 基本语法</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 SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20 ALIGN=TOP>文字移动属性的设置
</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 direction=left>啦啦啦，我从右向左移！</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 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>循环 &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% 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>速度 &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 scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</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) &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 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>底色 &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 height=40 width=50% bgcolor=aaeeaa>啦啦啦，我会移动耶！</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>

</BODY>
</HTML>
分享到：
| CSS3 Piano
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    利用Marquee实现无缝循环滚动文字

    `&lt;marquee&gt;`标签是HTML4的一个非标准标签，用于创建一个自动移动的文字或图像块。虽然这个标签在HTML5中被废弃，但在实际应用中仍然非常常见。它的主要功能是让内容（通常是文本或图像）在页面上水平或垂直滚动。 #...

    marquee 用法详解

    &lt;marquee direction="left"&gt;从右向左移动的文字。&lt;/marquee&gt; ``` #### 移动方式 (Behavior) - **属性名**：`behavior` - **可选值**： - `scroll`：循环滚动。 - `slide`：只滚动一次后停止。 - `alternate`：...

    推荐通用文字图片JS不间断滚动封装类 代替Marquee

    标题提到的"推荐通用文字图片JS不间断滚动封装类 代替Marquee"，就是一种利用JavaScript实现的动态效果，它旨在为文字和图片提供一种类似传统的Marquee（滚动条）效果，但更加灵活且易于使用的解决方案。Marquee是...

    marquee效果

    "marquee"效果是网页设计中一种常见的滚动文本特效，它可以使文字或图像在页面上持续不断地滚动，类似于电视屏幕下方的新闻滚动条。在HTML和JavaScript中，都有实现marquee效果的方法。在这个主题中，我们将深入探讨...

    JQUERY开发的marquee插件

    在网页设计中，跑马灯效果是一种常见的动态展示手段，它可以让文字或图片像新闻滚动一样不断滑动，吸引用户的注意力。传统的HTML标签`&lt;marquee&gt;`虽然能实现基本的跑马灯效果，但在功能和自定义性上存在局限。为此，...

    marquee.js插件演示9种jQuery滚动效果

    1. **基本滚动**：最基础的左到右或右到左的滚动效果，适用于简单的文字或图像展示。 2. **延迟滚动**：在用户鼠标悬停时暂停，离开后继续滚动，增加了交互性。 3. **循环滚动**：内容在到达尽头后会立即返回并重新...

    marquee.js

    marquee实现文字移动效果;js+div实现文字无缝移动效果

    javascript js仿marquee标签的走马灯效果.zip

    主要会用到CSS样式控制和JavaScript的定时器（`setInterval`和`clearInterval`）来实现滚动动画。以下是一个简单的JavaScript走马灯实现： 1. 创建HTML结构，包含一个容器div和要在其中滚动的内容： ```html 这...

    文字滚动代码 marquee style="WIDTH: 388px;

    ### 文字滚动代码详解：`&lt;marquee&gt;` 标签及其属性 在网页设计与开发过程中，有时我们需要实现一些简单的动态效果，例如滚动的文字或图片等。这些效果可以通过使用 HTML 的 `&lt;marquee&gt;` 标签来轻松实现。下面将详细...

    js Marquee上下滚动效果

    在HTML中，`&lt;marquee&gt;`标签用于创建一个自动移动的文字或图像，但这个标签在HTML5中已经不推荐使用，因为其可访问性和浏览器兼容性问题。然而，我们可以通过JavaScript来模拟这个效果，提供更灵活的控制和更好的用户...

    Marquee_Marquee_verilog_

    Marquee通常指的是在电子显示屏上循环滚动显示文字或图像的效果，常见于各种信息显示设备中。Verilog是一种硬件描述语言（HDL），用于设计和验证数字系统的逻辑功能。 在描述中提到的"marquee by verilog language...

    网页设计文字滚动代码

    博客美化：喜欢让文字跑来跑去？...&lt;MARQUEE scrollAmount=3 behavior=alternate&gt;文字来回滚动&lt;/MARQUEE&gt; 2. 向右移动的竖排文字： 向移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字 向右移动的竖排文字

    舞动你的文字 巧用html中marquee属性

    　使用移动属性marquee，不仅仅可以舞动你的文字，还可以应用于图片，表格等等。 　&lt;marquee direction=left&gt;欢迎光临科讯青年学习频道！&lt;/marquee&gt; 　direction=left，表示方向。上面文字效果是“欢迎光临科讯...

    文字滚动代码教程

    HEIGHT:100px" scrollAmount=3 direction=down&gt;向下移动的文字向下移动的文字&lt;/MARQUEE&gt; ``` 与向上移动类似，但`direction`设为`down`。 5. **从右向左滚动** ```html &lt;MARQUEE scrollAmount=2&gt;从右向左滚动&lt;/...

    javascript 模拟Marquee文字向左均匀滚动代码

    3. 通过JavaScript可以实现无缝滚动，即当内容滚动到最左边时，会立即重置到初始位置，避免了Marquee标签的停顿现象。 4. 可以方便地添加其他交互功能，如暂停、恢复滚动等。 总之，使用JavaScript模拟Marquee文字...

    marquee嵌套这后出现的效果.rar

    在嵌套的`&lt;marquee&gt;`中，内部的marquee会按照其自身设置的属性在外部marquee的滚动区域内移动。这可能导致一些复杂的视觉效果，比如交错滚动、速度差效应等。 在JavaScript中，我们可以使用DOM操作来控制`&lt;marquee&gt;...

    web15种滚动代码

    代码示例：`&lt;MARQUEE ...&gt;&lt;MARQUEE direction=right behavior=alternate&gt;文字来回波浪式移动&lt;/MARQUEE&gt;&lt;/MARQUEE&gt;` 10. **躲躲字，跑给你追**：使用嵌套`&lt;MARQUEE&gt;`标签，并设置不同的`scrollAmount`值，模拟追逐...

    HTML标签marquee实现多种滚动效果(无需JS控制)

    使用marquee标记不仅可以移动文字，也可以移动图片，表格等. 语法：&lt;marquee&gt;…&lt;/marquee&gt;； 说明：在标记之间添加要进行滚动的内容。 重要属性： 1.滚动方向direction（包括4个值：up、 down、 left和 right） 　...

Magicbox
Global site tag (gtag.js) - Google Analytics