marquee标签的使用
marquee标签的使用
标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。
behavior属性
behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚动、只滚动一次,需要注意的是:如果在标签中同时出现了direction和behavior属性,那么scroll和slide的滚动方向将依照direction属性中参数的设置。
我来回滚动
我单方向循环滚动
我改单方向向上循环滚动
我只滚动一次
我改向上只滚动一次了
bgcolor属性
文字滚动范围的背景颜色,参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。如下所示:<marquee behavior==“slide” direction=“left” bgcolor=“red”>我的背景色是红色的
direction属性
文字滚动的方向,属性的参数值有down、left、right、up共四个单一可选值,分别代表滚动方向向下、向左、向右、向上。如下所示:
我向右滚动
我向下滚动
width和height属性
width和height属性的作用决定滚动文字在页面中的矩形范围大小。width属性用以规定矩形的宽度,height属性规定矩形的高度。这两个属性的参数值可以是数字或者百分数,数字表示矩形所占的(宽或高)像素点数,百分数表示矩形所占浏览器窗口的(宽或高)百分比。如下所示:
我宽300像素,高30像素。
hspace和vspace属性
这两个属性决定滚动矩形区域距周围的空白区域.
我矩形边缘水平和垂直距周围各10像素。
我矩形边缘水平和垂直距周围各50像素。
loop属性
loop属性决定滚动文字的滚动次数,缺省是无限循环。参数值可以是任意的正整数,如果设置参数值为-1或infinite时将无限循环。如下所示:
我滚动2次。
我无限循环滚动。
我无限循环滚动。
scrollamount和scrolldelay属性
这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数。如下所示:
我速度很快.
我慢了些。
我小步前进。
我大步前进。
align属性
这个属性决定滚动文字位于距形内边框的上下左右位置。您也可以将和之间的内容替换为图像或其它对象等功能。
参数
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度。
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
οnmοuseοver=this.stop() οnmοuseοut=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动。
注释
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 元素创建了由左向右的滚动字幕,移动速度为每 200 毫秒 10 像素。
这是一个滚动字幕。
下面的例子显示了 marquee 元素的 scrollLeft 和 scrollTop 属性的一些用途。
向右
读取
停止并设置 scrollLeft=190
开始
marquee标签的使用相关推荐
- HTML 中的marquee标签详解
该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 语法: <marqu ...
- HTML marquee标签详解
HTML marquee标签详解 在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动.而我们使用HTML的Marquee语句则可以产生更多的 ...
- html 自动滚动标签,HTML滚动标签(marquee标签)
以下为学做网站论坛关于"HTML滚动标签(marquee标签)"讲解视频教程. HTML marquee标签介绍 marquee标签又叫滚动标签.它是用来控制一段文本或其它元素滚动 ...
- html文字置顶标签,HTML的marquee标签怎么用?
在HTML中,标签用于在网页中创建滚动文本或图像:可以从水平向左或向右或向右或向左滚动,也可以从上到下或从下到上滚动. marquee元素是成对出现的,下面是标签的一些属性列表: 示例1: Marqu ...
- marquee标签、插入百度地图
<marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee> ...
- vue内容横向循环滚动_Vue替代marquee标签超出宽度文字横向滚动效果
一.npm 安装 如果你想安装插件(自己写的) 安装 # install dependencies npm i marquee-components 使用 在main.js引入 import marq ...
- HTML怎么设置自动滚动的图片,转:HTML中让图片滚动的marquee标签的使用方法
实例: 需要滚动的文字 需要滚动的文字 也可以程序代码 也可以是图片 说明: 1.中间的内容可以为 文字,图片,也可以是由程序生成的文字或图片 2.onMouseOut="this.star ...
- Marquee标签实现走马灯效果
利用marquee标签,让文字滚动实现走马灯效果 direction滚动方向 属性值:up.down.left.right,默认方向是从右向左滚动 <marquee direction=&quo ...
- marquee标签_html滚动文字
marquee标签可以让我们在网页中编写的文字动起来,不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置.语法:﹤marquee﹥需要被滚动的文字﹤/marquee﹥: 默认下mar ...
- HTML之marquee标签(滚动字幕(跑马灯))
再来学习一个标签---marquee,认识这个单词的人应该知道这个单词的意思是跑马灯. 但其实在H5中这个标签的语义是滚动字幕. marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器 ...
最新文章
- mysql 5.7重新设置密码_mysql 5.7 安装及修改/重置密码
- 有赞多级缓存解决方案怎么做的,你知道吗?
- linux 初学体验 20155317 王新玮
- java中list()和listfile()
- MAT(Memory Analyzer Tool)工具入门介绍
- 桌面恶心的无法删除的图标之 淘宝购物 删除办法
- Pascal------第三方库
- 部署Hyper -V实现桌面虚拟化
- Web前端满屋花案例框架
- 禅道二次开发(三):二次开发实例
- 求解线性方程组的方法Matlab程序
- Ajax破解的常见思路
- java把URL转换成二维码并保存在指定的位置
- layui 弹框放大图片
- 再见Excel!最强国产开源在线表格Luckysheet走红GitHub
- java, c 亦或用法
- 那些年我们错过的markdown
- c语言随机产生100个字母,C语言实现生成1到100随机数的方法
- matlab系统辨识尝试之详细过程1,Matlab系统辨识尝试之详细过程1
- 安装N卡驱动 要装java_安装Cuda NVIDIA图形驱动程序失败[关闭]