美文网首页
html中marquee标签的用法

html中marquee标签的用法

作者: 风雨火_c192 | 来源:发表于2017-03-21 20:16 被阅读192次

    marquee
    功能:
    使文字或者图片等产生移动效果
    语法:
    <marquee loop="value1" behavior="value2" ....> displaydata </marquee>
    注<marquee>是成对标记

    truespeed 未知意义

    loop
    设定跑马灯的次数

    behavior
    设定走动方式
    ① scroll 跑到尽头后再重新开始(默认)
    ② slide 跑完一次就不跑了
    ③ alternate 以左右来回移动的方式跑

    direction
    设定跑马灯移动方向
    ① left 从右向左(默认方式)
    ② right 从左向右

    scrolldelay
    设定移动速度,用来设定延迟时间
    数值越大,速度越慢(默认为90)
    单位以毫秒来计算

    scrollamount
    设定移动速度,跑马灯移动距离
    数值越大,速度越慢(默认为6)
    以移动的pixel为单位

    width
    调整跑马灯的宽度

    height
    调整跑马灯的高度

    bgcolor
    设定跑马灯的背景颜色

    <MARQUEE> 只适用于 IE ,叫做"跑马灯" 如 Status Bar 的那种,意指走动或卷动的文字,其参数设定比较多。
    <marquee behavior="SCROLL" direction="LEFT" bgcolor="#0000FF" height="30" width="150" hspace="0" vspace="0" loop="INFINITE" scrollamount="30" scrolldelay="500">Hello</marquee>

    behavior="SCROLL"
    决定文字的卷动方式,可选值为:
    SCROLL 一般卷动,是内定值。
    SLIDE 如幻灯片,一格格的,文字一接触左边便全消失。
    ALTERNATE 文字向左右两边撞来撞去。

    direction="LEFT"
    设定文字設定文字的卷动方向,LEFT 表示向左,是内定值,RIGHT 表示向右。

    bgcolor="#0000FF"
    设定文字卷动范围的背景颜色,颜色值可参考【调色原理】。

    height="30" width="150"

    设定文字卷动范围,可采用相对或绝对,如 30% 或 30 等,单位为像素。

    hspace="0" vspace="0"
    设定文字的水平及垂直空白位置。

    loop="INFINITE"
    设定文字卷动次数,其值可以是正整数或 INFINITE,INFINITE 是默认值,表示无限次。

    scrollamount="30"
    每「格」文字间的间隔,单位是像素。

    scrolldelay="500"
    文字卷动的停顿时间,单位是毫秒。

    相关文章

      网友评论

          本文标题:html中marquee标签的用法

          本文链接:https://www.haomeiwen.com/subject/gragnttx.html