当前位置:首页 科普知识 marquee

marquee

发布时间:2023-09-04 22:39:49

marquee的作用是创建一个滚动的文本字幕。

marquee详细介绍

marquee的作用是创建一个滚动的文本字幕。

marquee

marquee简介

1,单词 名词 n.

【英】 大天幕

【美】 (入口处的)华盖;遮篷

2,HTML标签:<marquee></marquee>

marquee功能

function Marquee(){

if(tab2.offsetTop-tab.scrollTop<=0)//当滚动至demo1与demo2交界时

tab.scrollTop-=tab1.offsetHeight; //demo跳到最顶端

else{

tab.scrollTop++;

}

marquee相关属性及属性值

1.direction 表示滚动的方向,值可以是left,right,up,down,默认为left

如:<marquee direction=#>小A博客导航</marquee>

2.behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)

如:<marquee behavior=#>小A博客导航</marquee>

3.loop 表示循环的次数,值是正整数,默认为无限循环(等于-1也表示无限循环)

<marquee loop=# behavior=scroll>小A博客导航</marquee>

4. scrollamount 表示运动速度,值是正整数,默认为6

如:<marquee scrollamount=20>小A博客导航</marquee>

5.scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒

如: <marquee scrolldelay=500 scrollamount=100>小A博客导航</marquee>

6.valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle

7.align 表示元素的水平对齐方式,值可以是absbottom:绝对底部对齐(与g、p等字母的最下端对齐),absmiddle:绝对中央对齐,baseline:底线对齐,bottom:底部对齐(默认),left:左对齐,middle:中间对齐,right:右对齐,texttop:顶线对齐,top:顶部对齐

marquee

如:<font size=6><marquee align=# width=400>小A博客导航</marquee></font>

8.bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色

如:<marquee bgcolor=aaaaee>小A博客导航</marquee>

9.height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度

如:<marquee height=40 width=50% bgcolor=aaeeaa>小A博客导航</marquee>

10.hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。

如:<marquee vspace="100" hspace="100" bgcolor="#CCCCCC">小A博客导航</marquee>

11.onmouseover=this.stop() onmouseout=this.start() 表示当鼠标移上区域的时候滚动停止,当鼠标移开的时候又继续滚动。

如:<marquee direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">小A博客导航</marquee>

marquee注释

MARQUEE 元素的默认宽度与其父元素的宽度相等。如果 MARQUEE 位于没有指定宽度的 TD 内,你就需要明确设置 MARQUEE 的宽度。如果 MARQUEE 和 TD 的宽度都没有指定,那么滚动字幕就将限定于 1 个像素宽。

要创建垂直滚动的字幕,请将其 scrollLeft 属性设定为 0。要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置。

scrollLeft 和 scrollTop 属性当字幕滚动时为只读。当不处于滚动状态时,scrollLeft 对于设置为水平滚动的字幕来说为可读写,scrollTop 对于设置为垂直滚动的字幕来说为可读写。

此元素在 Microsoft ® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。

<marquee>并不是一个标准的HTML标签。你如果把带有<marquee>的网页提交到W3C万维网标准化组织

去认证的话。它会报语法错误的。近几年,火狐浏览器和谷歌浏览器也支持

<marquee>标签。所以marquee标签,在W3C里面没有,但还是可以用的。

此元素是块元素。

此元素需要关闭标签。

marquee示例

下面的例子使用了 MARQUEE 元素创建了由左向右的滚动字幕,移动速度为每 200 毫秒 10 像素。

<marquee direction="right" behavior="scroll" scrollamount="10" scrolldelay="200">这是一个滚动字幕。</marquee>

下面的例子显示了 marquee 元素的 scrollLeft 和 scrollTop 属性的一些用途。

<marquee id=m1 direction=right width=200 height=200>向右</MARQUEE>

<!-- 单击此按钮可在字幕滚动时读取 scrollLeft 和 scrollTop 属性的值。 -->

marquee

<button onclick="alert('scrollLeft: ' + m1.scrollLeft + ' scrollRight: ' + m1.scrollTop)">读取</button>

<!-- 当字幕停止时,你可以设置水平字幕的 scrollLeft,或者设置垂直字幕的 scrollTop。 -->

<button onclick="m1.stop();m1.scrollLeft = 190;">停止并设置 scrollLeft=190</button>

<button onclick="m1.start();">开始</button>

温馨提示:
本文【marquee】由作者 爱百科 转载提供。 该文观点仅代表作者本人, 自学教育网 信息发布平台,仅提供信息存储空间服务, 若存在侵权问题,请及时联系管理员或作者进行删除。
(c)2008-2025 自学教育网 All Rights Reserved 汕头市灵创科技有限公司
粤ICP备2024240640号-6