`
fantaxy025025
  • 浏览: 1248712 次
  • 性别: 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 marquee标签的使用,比较适合新手朋友,marquee的属性比较多,本文通过示例为大家详细展示

    HTML标签marquee实现滚动效果

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

    js实现marquee标签

    使用js实现了ie的marquee标签滚动功能,  使之能兼容FF,ie 并修正了纯中文横向滚动时的bug..

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

    主要介绍了JS与HTML结合使用marquee标签实现无缝滚动效果代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

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

    &lt;marquee&gt;标签,它是成对出现的标签,首标签&lt;marquee&gt;和尾标签&lt;/marquee&gt;之间的内容就是滚动内容。...但无意中发现了一个html标签——&lt;marquee&gt;&lt;/marquee&gt;可以实现多种滚动效果,无需js控制。使用marqu

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

    下面小编就为大家带来一篇HTML标签marquee实现滚动效果的简单方法(必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦

    网页设计与制作\网页设计课件\HTML 标签 Marquee 标记用法详解.swf

    如何创建网页的滚动条,方便别人浏览你的网页,可是你的网页更加生动

    微信小程序组件之marquee

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

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

    本文给大家介绍使用html标签 - &lt;marquee&gt;&lt;/marquee&gt;可以实现多种滚动效果,无需js控制,非常不错,具有参考借鉴价值,感兴趣的朋友一起看下吧

    附录A HTML常用标签附录A HTML常用标签

    标签 功能 &lt;marquee&gt;...&lt;/marquee&gt; 普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt; 滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt; 预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt; 来回卷动 &lt;marquee ...

    HTML标签属性大全

    &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt;来回卷动 &lt;marquee direction=down&gt;.....

    marquee属性

    这是一个HTML通用的标签属性。有marquee的各种属性和用法。

    微信小程序组件 marquee实例详解

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

    jQuery实现模拟marquee标签效果

    Marquee  模仿IE下面的marquee效果,鼠标移上去暂停。形成环的主要原理在于每张图片一旦判断出了外面的显示窗口就添加到尾部,用append和prepend模拟数组的push()和shift()。  代码如下: HTML &lt;!doctype html&gt;...

    详解html中的marquee属性

    该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 语法: &lt;marquee&gt;&lt;/marquee&gt; 以下是一个最简单的例子: ...

    html标签属性大全(整理已完成)

    &lt;marquee&gt;...&lt;/marquee&gt;普通卷动 &lt;marquee behavior=slide&gt;...&lt;/marquee&gt;滑动 &lt;marquee behavior=scroll&gt;...&lt;/marquee&gt;预设卷动 &lt;marquee behavior=alternate&gt;...&lt;/marquee&gt;来回卷动 &lt;marquee direction=down&gt;.....

Global site tag (gtag.js) - Google Analytics