博客
关于我
html中的marquee属性使用
阅读量:407 次
发布时间:2019-03-05

本文共 938 字,大约阅读时间需要 3 分钟。

marquee标签是一个容器标签,专为显示滚动文本设计,最初在HTML3.2中不被认可,仅在Microsoft Internet Explorer(IE)内核浏览器中得到支持。由于其特殊性,当使用非IE内核浏览器(如Netscape)时,您可能无法看到marquee标签的某些特效。以下将介绍marquee标签的语法、常用事件、以及支持的属性。

marquee标签的基本使用示例如下:

Hello, World

常用事件

marquee标签支持以下两个事件:

  • onMouseOut="this.start()":鼠标移出标签区域时继续滚动。
  • onMouseOver="this.stop()":鼠标移入标签区域时停止滚动。

例如,以下代码会在鼠标移入时停止滚动,移出时恢复滚动:

滚动内容

支持的属性

marquee标签支持以下11个属性:

  • align:设定内容的对齐方式,支持值包括 absbottomabsmiddlebaselinebottomleftmiddlerighttexttoptop
  • behavior:设定滚动方式,支持值包括 alternate(在两端之间来回滚动)、scroll(从一端滚动到另一端,循环重复)、slide(从一端滚动到另一端,不循环)。
  • bgcolor:设定活动字幕的背景颜色,可使用 #RRGGBBRGB(%,%,%) 或颜色名称。
  • direction:设定滚动方向,支持值包括 downleftrightup
  • height:设定活动字幕的高度。
  • hspace:设定活动字幕距离父容器水平边框的距离。
  • vspace:设定活动字幕距离父容器垂直边框的距离。
  • loop:设定滚动次数,默认为 -1 表示无限循环。
  • scrollamount:设定滚动速度(单位:像素)。
  • scrolldelay:设定滚动之间的延迟时间(单位:毫秒)。
  • 示例

    以下是一个完整的marquee标签使用示例:

    这是一个完整的示例

    进一步配置

    marquee标签还可以嵌套其他标签,如 <p><font>,以实现更复杂的样式控制。

    转载地址:http://xptzz.baihongyu.com/

    你可能感兴趣的文章
    Objective-C实现bogo sort排序算法(附完整源码)
    查看>>
    Objective-C实现boruvka博鲁夫卡算法(附完整源码)
    查看>>
    Objective-C实现Boyer-Moore字符串搜索算法(附完整源码)
    查看>>
    Objective-C实现BP误差逆传播算法(附完整源码)
    查看>>
    Objective-C实现breadth First Search广度优先搜索算法(附完整源码))
    查看>>
    Objective-C实现BreadthFirstSearch广度优先搜索算法(附完整源码)
    查看>>
    Objective-C实现BreadthFirstShortestPath广度优先最短路径算法(附完整源码)
    查看>>
    Objective-C实现bubble sort冒泡排序算法(附完整源码)
    查看>>
    Objective-C实现bucket sort桶排序算法(附完整源码)
    查看>>
    Objective-C实现Burke 抖动算法(附完整源码)
    查看>>
    Objective-C实现Burrows-Wheeler 算法(附完整源码)
    查看>>
    Objective-C实现CaesarsCiphe凯撒密码算法(附完整源码)
    查看>>
    Objective-C实现calloc函数功能(附完整源码)
    查看>>
    Objective-C实现canny边缘检测算法(附完整源码)
    查看>>
    Objective-C实现cartesianProduct笛卡尔乘积算法(附完整源码)
    查看>>
    Objective-C实现check strong password检查密码强度算法(附完整源码)
    查看>>
    Objective-C实现chudnovsky algorithm楚德诺夫斯基算法(附完整源码)
    查看>>
    Objective-C实现CIC滤波器(附完整源码)
    查看>>
    Objective-C实现circle sort圆形排序算法(附完整源码)
    查看>>
    Objective-C实现CircularQueue循环队列算法(附完整源码)
    查看>>