在HTML中marquee有什么作用,【HTML】HTML之marquee详解

该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果

该标签是个容器标签

语法:

以下是一个最简单的例子:

代码如下:

Hello, World

下面这两个事件经常用到:

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

代码如下:

onMouseOver="this.stop()">onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

这是一个完整的例子:

代码如下:

bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50"

vspace="20" loop="-1" scrollamount="10" scrolldelay="100"

onMouseOut="this.start()" onMouseOver="this.stop()">

这是一个完整的例子

该标签支持的属性多达11个:

align

设定标签内容的对齐方式

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐(默认)

left:左对齐

middle:中间对齐

right:右对齐

texttop:顶线对齐

top:顶部对齐

代码如下:

align="absbottom":绝对底部对齐(与g、p等字母的最下端对齐)。

align="absmiddle": 绝对中央对齐。

align="baseline": 底线对齐。

align="bottom": 底部对齐(默认)。

align="left": 左对齐。

align="middle": 中间对齐。

align="right": 右对齐。

align="texttop": 顶线对齐。

align="top": 顶部对齐。

behavior

设定滚动的方式:

alternate: 表示在两端之间来回滚动。

scroll: 表示由一端滚动到另一端,会重复。

slide:  表示由一端滚动到另一端,不会重复。

代码如下:

alternate:表示在两端之间来回滚动。

scroll:表示由一端滚动到另一端,会重复。

slide:  表示由一端滚动到另一端,不会重复。

bgcolor

设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。

代码如下:

设定活动字幕的背景颜色 bgcolor="#006699"

设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"

设定活动字幕的背景颜色 bgcolor="red"

direction

设定活动字幕的滚动方向

代码如下:

设定活动字幕的滚动方向direction="down":向下

设定活动字幕的滚动方向direction="left":向左

设定活动字幕的滚动方向direction="right":向右

设定活动字幕的滚动方向direction="up":向上

height

设定活动字幕的高度

代码如下:

设定活动字幕的高度height="500"

width

设定活动字幕的宽度

代码如下:

设定活动字幕的宽度width="500"

hspace

设定活动字幕里所在的位置距离父容器水平边框的距离

This controls the horizontal(水平)space around the display box.

代码如下:

hspace="100"

vspace

设定活动字幕里所在的位置距离父容器垂直边框的距离

This controls the vertical(垂直) space around the display box.

代码如下:

hspace="100"

loop

设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

代码如下:

我会不停地走。

我只走两次哦

scrollamount

设定活动字幕的滚动速度,单位pixels

代码如下:

scrollamount="10"

scrollamount="20"

scrollamount="30"

scrolldelay

设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)

值大了会有一步一停顿的效果

代码如下:

scrolldelay="10"

scrolldelay="100"

scrolldelay="1000"

html之marquee详解

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

html之marquee详解[转]

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

CSS详解

Web前端开发css基础样式总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255 ...

HTML滚动字幕代码参数详解及Js间隔滚动代码

html文字滚动代码

HTML标签----图文详解(二)

HTML标签超详细的图文演示再来一波~~~ 如果还没有看过昨天的福利的,那可要抓紧喽,传送门:HTML标签----图文详解 本文主要内容 列表标签 表格标签 框架标签及内嵌框架

Android TextView和EditText属性详解

TextView属性详解: autoLink设置 是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接.可选值(none/web /email/phone/map/all) ...

Android textAppearance的属性设置及TextView属性详解

textAppearance的属性设置 android:textAppearance="?android:attr/textAppearanceSmall" android:tex ...

Android:TextView跑马灯-详解

Android:TextView跑马灯_详解 引言: TextView之所以需要跑马灯,是由于文字太长,或者是吸引眼球. 关键代码如下: android:singleLine="true&q ...

Spinner控件详解

Spinner控件详解 效果图 修改Spinner样式 在介绍之前,先看一下系统原生的样式 6.x & 5.x系统样式 4.x系统样式 官方文档 XML属性 方法 描述 android:dro ...

随机推荐

python(pymysql)之mysql简单操作

一.mysql简单介绍 说到数据库,我们大多想到的是关系型数据库,比如mysql.oracle.sqlserver等等,这些数据库软件在windows上安装都非常的方便,在Linux上如果要安装数据库 ...

LeetCode Count Primes 求素数个数(埃拉托色尼筛选法)

题意:给一个数n,返回小于n的素数个数. 思路:设数字 k =from 2 to sqrt(n),那么对于每个k,从k2开始,在[2,n)范围内只要是k的倍数的都删掉(也就是说[k,k2)是不用理的, ...

查看MYSQL数据库中所有用户及拥有权限

查看MYSQL数据库中所有用户 mysql> SELECT DISTINCT CONCAT('User: ''',user,'''@''',host,''';') AS query FROM m ...

如何手动添加Android Dependencies包

在ADT16 之前可以在工程里面做关联,eclipse会在工程上自动添加ReferenceLibrary.新版本的ADT修改了第三方jar的导入方式,只需要在工程目录下新建libs文件夹,注意是lib ...

Oracle- 表的管理

一.表名和列的命名规则 1.必须以字母开头. 2.长度不能超过30字符. 3.不能使用Oracle的保留字. 4.只能使用如下字符 A-Z,a-z,0-9,$,#等. 二.Oracle支持的数据类型 ...

[转] java中注解的使用与实例

注解目前非常的流行,很多主流框架都支持注解,而且自己编写代码的时候也会尽量的去用注解,一时方便,而是代码更加简洁. 注解的语法比较简单,除了@符号的使用之外,它基本与Java固有语法一致.Java S ...

onchar

void CMfcView::OnChar(UINT nChar, UINT nRepCnt, UINT nFlags)//Windows响应函数 { // TODO: Add your messag ...

php-app开发接口加密

自己平时工作中用到的一套接口加密规则,记录下来以后用: /** 2 inc 3 解析接口 客户端接口传输规则: 1.用cmd参数(base64)来动态调用不同的接口,接口地址统一为 http://a. ...

Spark里面:获取图Spark有多少行代码

Spark1.0.0公布一个多月,有多少行代码就(Line of Code, LOC)? watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYW56aHNvZn ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值