`
everlxq
  • 浏览: 108809 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

会移动的文字(Marquee)

 
阅读更多
http://www.gzsums.edu.cn/webclass/html/marquee.html





基本语法

<marquee> ... </marquee>

<marquee>啦啦啦,我会移动耶!</marquee>
啦啦啦,我会移动耶!


文字移动属性的设置


方向 <direction=#> #=left, right

<marquee direction=left>啦啦啦,我从右向左移!</marquee> <P>
<marquee direction=right>啦啦啦,我从左向右移!</marquee>



方式 <bihavior=#> #=scroll, slide, alternate

<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> <P>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P>
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>


循环 <loop=#> #=次数;若未指定则循环不止(infinite)

<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee> <P>
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee> <P>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee>


速度 <scrollamount=#>

<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>


延时 <scrolldelay=#>

<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>



外观(Layout)设置


对齐方式(Align) <align=#> #=top, middle, bottom

<font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
对齐上沿、中间、下沿。



底色 <bgcolor=#>

#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee>


面积 <height=# width=#>

<marquee height=40 width=50% bgcolor=aaeeaa>
啦啦啦,我会移动耶!
</marquee>



空白(Margins)<hspace=# vspace=#>

********************************************<br>
嗨,
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>
大家好!<br>

分享到:
评论

相关推荐

    利用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)  ...

Global site tag (gtag.js) - Google Analytics