`
wen_xudong7
  • 浏览: 32564 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

滚动标记Marquee参数祥解

    博客分类:
  • java
阅读更多
我想大家都看过各种各样的滚动(最常用的就是用在新闻的更新上面),一般情况下只要不是图片,都是用HTML本身就有提供一个很不错的滚动标记——marquee来完成的(用JS也可以同样实现这种效果);当然并不是说图片就不能那样做。
  以下为marquee的一些基本的参数:

该标记语法格式如下:
aligh=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>内容

下面解释一下各参数的含义:
align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。
Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。
Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。
Behavior:用于设定滚动的方式,主要由三种方式:
     behavior="scroll"表示由一端滚动到另一端;
     behavior="slide":表示由一端快速滑动到另一端,且不再重复;
     behavior="alternate"表示在两端之间来回滚动。
Height:用于设定滚动字幕的高度。
Width:则设定滚动字幕的宽度。
Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。
Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。
scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。
Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

分享到:
评论

相关推荐

    MARQUEE 元素 marquee 对象 doc 手册

    ### MARQUEE 元素与Marquee对象详解 #### 一、MARQUEE元素概述 MARQUEE元素是一种HTML标记,主要用于实现网页上的滚动文本效果。这种元素在早期的网页设计中较为常见,但随着CSS3及现代浏览器功能的增强,它的使用...

    html标记大全 有marquee,table,form等最常用标记。

    ### HTML标记大全解析 在网页开发中,HTML(HyperText Markup Language)是构建网页结构的基础。本文将基于提供的文件信息,详细介绍几个常用的HTML标记及其属性,帮助读者更好地理解和使用这些标记。 #### 1. ...

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

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

    前端项目-jQuery.Marquee.zip

    《jQuery.Marquee:前端文本滚动插件的深度解析》 在现代网页设计中,动态效果是吸引用户注意力的重要手段之一。jQuery.Marquee是一款强大的前端插件,它为开发者提供了便捷的方式来实现文本、图像等元素的平滑滚动...

    JS实现图片无缝滚动的完美解决

    3. **定义滚动函数**:接下来,定义`Marquee()`函数,该函数检查`demo1`的`offsetTop`与`demo`的`scrollTop`之间的关系,以决定是向上滚动还是继续向下滚动。当`demo1`的顶部位置等于或小于`demo`的滚动位置时,将`...

    shopex首页公告滚动的方法

    4. **插入滚动结束标记**:在`$setting.id.$key1}">更多…</a></div>`代码行之后,插入`</MARQUEE>`结束标签。 5. **保存并测试**:保存对`div_list.html`文件所做的更改,并在浏览器中测试ShopEx首页,查看公告...

    滚动文字加阴影

    在给定的部分内容中,`<marquee>`标签被用来创建滚动文字效果。`<marquee>`并非HTML5标准的一部分,但在许多浏览器中仍然支持,常用于创建水平或垂直滚动的文字或图片。其基本语法如下: ```html <marquee ...

    html标记与属性速查表.pdf

    - **alternate**:用于`<MARQUEE>`标记中的`behavior`属性,使内容来回滚动。 - **alt**:替代文本,当图片无法加载时显示的文字,如`alt="绿叶园"`。 - ****:加粗标记,使文本呈现加粗效果。 - ****:定义文档...

    必用HTML标记及属性

    - `<marquee>`:滚动字幕标记,使文本或图像在页面上自动滚动。 - `<embed>`:嵌入媒体内容,如音频、视频或Flash动画。 - `<bgsound>`:背景音乐标记,自动播放指定音频作为背景音乐。 ### 第五章:超链接 - `<a>...

    html(超文本标记语言)题库_答案

    - **标签解释**:`<marquee>`标签用来创建一个自动移动的文字或图像,它允许元素在页面上水平或垂直滚动。 - **属性解释**: - `scrolldelay`:定义了元素移动的时间间隔,单位是毫秒。这里的值为200,意味着每200...

    html标记一览表

    - `<MARQUEE>`:创建滚动文本,仅IE支持。 - `<BLINK>`:使文本闪烁,仅 Netscape 支持,已被弃用。 - `<ISINDEX>`:创建页面内搜索框,已被弃用。 - `<META>`:提供文档元信息,如字符集、刷新等。 - `<LINK>`...

    Html标记语言全解.docx

    `<BGSOUND>`和`<EMBED>`处理多媒体,`<MARQUEE>`(仅限IE)创建滚动文本,`<BLINK>`(非标准)使文本闪烁,`<ISINDEX>`(非标准)创建页面内的搜索字段,`<META>`提供元数据,`<LINK>`定义文档之间的关系。...

    wap2.0完整标签

    #### 一、`<marquee>`标签详解 `<marquee>`是WAP 2.0中用于实现文本或图像滚动显示的标签,它允许用户自定义多种滚动效果。下面将详细介绍各个属性及其实现的功能。 1. **普通滚动**:`<marquee>...<\marquee>` -...

    html网页标记大宝库

    ##### 滚动文字标记 `<marquee>` - **定义**: `<marquee>` 标签用于创建滚动的文字或图片。 - **属性**: - **`direction`**: 滚动方向 - **`behavior`**: 滚动行为 - **`scrollamount`**: 滚动速度 - **`...

    HTML测试题目

    使用<marquee>标记可以实现文字的滚动。 - B)错误。color属性用于设定文字的颜色,而非背景颜色。 - C)正确。Direction属性用于设定滚动方向。 - D)错误。滚动的方式不仅限于由一端滚动到另一端或在两端之间...

    web前端html属性大全手册

    ### Web前端HTML属性大全手册知识点解析 #### 一、跑马灯效果 跑马灯是一种在网页中常见的动画效果,通常用于展示滚动的文字或图片。HTML 提供了 `<marquee>` 标签来实现这一效果。 - **普通卷动**: ```html ...

    前端开发中的特效应用研究.pdf

    虽然在 HTML 标记中提供了跑马灯标记 marquee,可以实现文字的滚动,但是 marquee 的功能有限,如果滚动宽度比较大时,会造成一段很长的空白,对用户的阅读造成一定的影响。为了实现文本的连续滚动,可以使用 ...

    html代码大全

    - `<marquee direction="down"></marquee>`、`<marquee direction="up"></marquee>`、`<marquee direction="right"></marquee>`、`<marquee direction="left"></marquee>`分别用于设置滚动方向。 - `<marquee loop...

Global site tag (gtag.js) - Google Analytics