`
fantaxy025025
  • 浏览: 1328683 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

Html的marquee标签使用

 
阅读更多

 

marquee移动的时候,位移是1个像素。

这种单像素移动,在大屏幕上就会有问题了,大颗粒的像素,移动的时候,有闪烁感,看起来很不舒服。只好调到极慢的速度。

 

<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
 

鼠标属性

onMouseOut=this.start() ........鼠标移出状态滚动

onMouseOver=this.stop() .........鼠标经过时停止滚动

方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>

方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>来回走</marquee>

循环
<loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee>


<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<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=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>

 

参考:http://www.cnblogs.com/aimyfly/archive/2011/12/21/2296101.html

 

 

分享到:
评论

相关推荐

    html marquee标签使用示例介绍

    HTML中的`&lt;marquee&gt;`标签是用来创建一个滚动或滑动效果的元素,它主要用于文本或图像的自动滚动显示。这个标签在HTML3.2中并未被正式定义,因此不是标准的HTML元素,但它在一些老版本的浏览器,尤其是基于MSIE内核的...

    HTML标签marquee实现滚动效果

    HTML标签marquee实现滚动效果,实现文字在网页中漂移的代码。

    Marquee的使用

    ### Marquee标签详解及其应用 #### 一、Marquee标签简介 `&lt;marquee&gt;` 是一个HTML中的非标准标签,用于创建动态滚动效果,如滚动的文本或图像。虽然它并非HTML5的一部分,并且在现代网页开发中并不推荐使用,但在...

    js实现marquee标签

    在网页设计中,有时我们需要创建一个滚动效果,例如新闻标题的自动滚动,这在早些年经常使用HTML的`&lt;marquee&gt;`标签来实现。然而,`&lt;marquee&gt;`是Internet Explorer浏览器特有的标签,它在Firefox和其他标准浏览器中并...

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

    Marquee标签简介 `&lt;marquee&gt;`标签是HTML4的一个非标准标签,用于创建一个自动移动的文字或图像块。虽然这个标签在HTML5中被废弃,但在实际应用中仍然非常常见。它的主要功能是让内容(通常是文本或图像)在页面上...

    marquee效果

    "marquee"效果是网页设计中一种...在jQuery中实现marquee效果,通常比原生HTML5的`&lt;marquee&gt;`标签更加灵活和可控。 首先,我们需要引入jQuery库到我们的HTML文件中。这可以通过在头部添加以下代码来完成: ```html ...

    JS与HTML结合使用marquee标签实现无缝滚动效果代码

    在本文中,我们将深入探讨如何使用JavaScript(JS)与HTML中的`&lt;marquee&gt;`标签结合,来实现一个无缝滚动效果。`&lt;marquee&gt;`标签在HTML中被用来创建元素(如文字或图像)的滚动效果,而通过JavaScript,我们可以对其...

    公告滚动动画,从右到左滚动,marquee标签效果

    在这里,我们将深入探讨`&lt;marquee&gt;`标签的使用,以及如何创建一个从右到左滚动的公告滚动动画。 首先,让我们了解`&lt;marquee&gt;`的基本结构。一个简单的`&lt;marquee&gt;`标签可以这样写: ```html &lt;marquee&gt;公告内容&lt;/...

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

    `&lt;marquee&gt;`是HTML4的一个非标准标签,但在HTML5中已被废弃,因此使用JavaScript实现这种效果更加现代且兼容性更好。 首先,我们需要理解`&lt;marquee&gt;`的基本用法。在HTML中,`&lt;marquee&gt;`标签用于创建一个持续滚动的...

    juqery实现marquee的效果

    在HTML中,`&lt;marquee&gt;`标签可以创建一个自动滚动的区域,但其在现代浏览器中的支持并不一致,尤其是在移动设备上。因此,我们通常会借助JavaScript,如jQuery,来模拟这个效果。 在jQuery中,我们可以利用CSS属性和...

    HTML标签marquee实现滚动效果的简单方法(必看)

    使用marquee标签时,还可以直接在标签内部写入HTML代码,比如图片()和表格(),来实现这些元素的滚动效果。这在早期的网页设计中非常常见。 下面是一个使用marquee标签的示例代码: ```html &lt;!DOCTYPE html ...

    marquee 标签 滑动

    ### Marquee标签详解 在网页设计与开发的过程中,有许多HTML标签可以帮助我们实现各种动态效果,其中`&lt;marquee&gt;`标签就是一个非常实用的例子。虽然在现代Web标准中它并不被推荐使用,但在某些特定场景下,它依然...

    HTMl 中marquee标签实现无缝滚动跑马灯效果

    HTML中的`&lt;marquee&gt;`标签是一种特殊的标签,用于创建滚动或滑动文本效果,常见于早期网页设计中,尤其在创建跑马灯效果时。它并非HTML标准的一部分,而是属于 Netscape Navigator 和 Internet Explorer 的非标准扩展...

    MARQUEE 元素 marquee 对象 doc 手册

    - **示例**: 如果MARQUEE元素允许包含HTML标签,则此属性返回true。 8. **`CLASS`** - `className` - **用途**: 设置或获取对象的类。 - **示例**: `&lt;marquee class="example"&gt;文字&lt;/marquee&gt;` 可以用来应用CSS...

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

    尽管&lt;marquee&gt;标签使用起来很方便,但现代Web开发中并不推荐使用。它不支持现代的HTML、CSS和JavaScript标准,且在不同的浏览器中表现可能不一致。此外,由于它不是W3C的标准标签,未来可能会被完全废弃。 ### 结论...

    marquee图片无缝滚动(上下左右均可)

    "marquee图片无缝滚动(上下左右均可)" 这个标题涉及到一个JavaScript或HTML元素的使用,即`&lt;marquee&gt;`标签,它用于创建一个滚动的效果,通常用于文字或图像的自动滚动。这里的关键词是“无缝滚动”,意味着在滚动...

    微信小程序组件之marquee

    html是有marquee标签的,可以实现跑马灯效果,但小程序没有,所以要实现。这里考虑使用css3的animation实现。 html的marquee是这样使用的。 "left" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1...

    marquee属性

    虽然`&lt;marquee&gt;` 标签在HTML5中已被废弃,但在某些旧项目中仍然可以看到它的身影。理解其各个属性的功能和用法对于复现特定的效果仍然很有帮助。此外,通过结合CSS和JavaScript,还可以实现更加复杂和动态的视觉效果...

    JQUERY开发的marquee插件

    传统的HTML标签`&lt;marquee&gt;`虽然能实现基本的跑马灯效果,但在功能和自定义性上存在局限。为此,开发者们利用jQuery开发了更加强大且实用的Marquee插件,以满足更多复杂需求。 jQuery Marquee插件是基于JavaScript库...

Global site tag (gtag.js) - Google Analytics