HTML marquee标签详解

在论坛默认的编辑状态下，我们可以通过UBB语法的move和fly语句让对象动起来，但功能很简单，只是平行地移动。而我们使用HTML的Marquee语句则可以产生更多的移动效果：向左、向右、向上、向下。再嵌套使用marquee语句，效果就更加丰富了。

marquee的基本语法：<marquee> ... </marquee>

说明：与大多数HTML语法元素一样，它也是成双出现的，被修饰对象就放在起始符和终止符之间。请看如下例子：

<marquee> 啦啦啦，真的会动耶！</marquee>

啦啦啦，真的会动耶！

瞧，简单吧？不过，以上例子只是使用了marquee的默认用法。我们加入相应的参数，它的移动方法就有所不同了。

参数一：direction。direction的英文意思就是方向。这个参数的取值有四个：left（左)、right(右)、up(上)、down(下)。

例：<marquee direction=up>向上移动</marquee>

向上移动

参数二：behavior。移动方式。值：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。

例：<marquee direction=left behavior=alternate>哈哈，我来回走！</marquee>

哈哈，我来回走！

<marquee direction=left behavior=slide>累！我只走一次！</marquee>

累！我只走一次！

参数三：loop。循环。若未指定则循环不止(infinite)，其值取数值。例：

<marquee loop=3>我只走三次哦</marquee>

我只走三次哦

参数四：scrollamount。移动速度。值取正整数。数值越大，速度越快。例：

看，我走多快！

参数五：scrolldelay

延时。数值。例：

我走一走，停一停

参数六：bgcolor

底色。例：

看到了吧？有底色！

参数七：width和height。就是移动的宽度与高度了。例：

<marquee width=200 height=200 bgcolor=pink direction=down>这个面积不够我移动！</marquee>

这个面积不够我移动！

其他参数：空白(Margins)<hspace=数值 vspace=数值>；对齐方式(Align) <align=top/ middle/bottom>

我们在本节所举的例了当中，marquee所移动的对象都是文字，其实呢，凡可视对象，只要有足够的区域，marquee都能令它们移动。

posted on 2007-04-09 09:52 lovablebox 阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/lovablebox/archive/2007/04/09/705277.html

HTML marquee标签详解相关推荐

marquee标签详解
marquee标签详解由于在工作看到同事写的marquee的标签,但是不理解这个标签怎么使用,于是在网上查询了一些资料,终于把这个标签给看懂了,下面我就给大家分享一下我的理解. <marque ...
marquee标签 html5,HTML+CSS入门 marquee标签详解
本篇教程介绍了HTML+CSS入门 marquee标签详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在W3C官方文档中找不到这个标签,也就是说不是官方推荐的标签但 ...
HTML 中的marquee标签详解
该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法: <marqu ...
前端基础-HTML的的标签详解
阅读目录一.head内常用标签二. HTML语义化三. 字符实体四. h系列标签五. p标签六. img标签七. a标签八. 列表标签九. table标签十. form标签一. ...
W3C中meta标签详解
2019独角兽企业重金招聘Python工程师标准>>> meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <meta ...
HTML基本标签详解与运行截图
Web前端基础修炼 HTML基本标签详解与运行截图 CSS基本操作详解及截图演示 JavaScript基础(ECMAScript) JavaScript中DOM操作 JavaScript中BOM操作 ...
JSF标签详解（全）
转自:https://wenku.baidu.com/view/82b84b255901020207409c87.html :https://blog.csdn.net/qq_36411874/art ...
SEO技巧：Meta标签详解
网页设计:Meta标签详解您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ●在搜索引擎中 ...
java foreach标签_Java中Velocity foreach循环标签详解
Java中Velocity foreach循环标签详解 Java Velocity中foreach循环可以很容易的遍历数组或者集合. 定义 #foreach( $elem in $allElems) ...

HTML marquee标签详解

HTML marquee标签详解相关推荐

最新文章

热门文章