标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有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等)。如下所示:我的背景色是红色的

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 标签 文字滚动

direction="up" onMouseOver="this.stop()" ...

文字滚动效果,jquery和marquee标签

链接:https://pan.baidu.com/s/1pMwHYH1 密码:r9ys marquee标签是微软创建的,后来大部分浏览器都适用后,微软在IE8把这个标签去掉了.为符合W3C规范,还是使 ...

H5 marquee标签

39-marquee标签 内容 属性: direction: 设置滚动方向 left/right/up/down scrollamount: 设置滚动速度, 值越大就越快 loop: 设置滚动次数, ...

随机推荐

不显示cmd窗口运行jar包

今天,打开导出的jar包,发现并不能运行,查看jar包中的META-INF文件夹下的MANIFEST.MF文件,发现MANIFEST.MF中并没有Main-Class,于是,就手动添加相应的信息,本项 ...

java 工具类

首先把构造函数设置为私有.然后方法都改为静态.

SpringMVC的Ajax提交

这种类型的提交, 必须配合 multipartResolver, $("button:submit").click(function(){ $.ajax({ type : 'POS ...

Hadoop2.2.0 手动切换HA环境搭建

ssh-copy-id -i hadoop5含义: 节点hadoop4上执行ssh-copy-id -i hadoop5的含义是把hadoop4上的公钥id_rsa.pub的内容追加到hadoop5的 ...

JAVA学习JSTL与EL

一.基础 1.EL(Expression Language):为了使jsp写起来更加简单,提供了在Jsp中简化表达式的方法 2.JSTL:(JSP Standard Tag Library)jstl标 ...

关于股票最佳买卖时机的lintcode代码

class Solution {public:    /**     * @param prices: Given an integer array     * @return: Maximum pr ...

Python+Excel+Unittest+HTMLTestRunner实现数据驱动接口自动化测试(一)

整个流程: 使用HTMLTestRunner的Run方法执行用例,用例调用Excel读取方法,将测试数据导入到unittest用例中执行,测试结果返回给HTMLTestRunner. 因为刚接触接口自 ...

maven自动打包上传nexus仓库配置

一个基础类,可能要升级并放到私服库里,为了方便,应该能够自动打包放到nexus.这就需要配置maven一些参数与pom.xml. 依次在settings.xml文件裡輸入

html中marquee标签添加2条,HTMLmarquee标签相关推荐

  1. Winform中在ZedGraph中最多可以添加多少条曲线

    场景 Winforn中设置ZedGraph曲线图的属性.坐标轴属性.刻度属性: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...

  2. html中添加背景音乐的标签,添加背景音乐的html标签是什么

    添加背景音乐的html标签是,bgsound是用以插入背景音乐,但只适用于IE,在netscape和firefox中并不适用,其参数设定很少,语法如"". 添加背景音乐的html标 ...

  3. html怎么给code标签添加语言,html code标签怎么用?html code标签的作用解释

    本篇文章主要的讲述了关于HTML code标签的用法解释,和HTML code标签的用法实例,最后还有code标签的总结.接下来让我们一起来看这篇文章吧 首先我们先看看html code标签的用法解释 ...

  4. html中marquee标签添加2条,HTML marquee标签

    marquee语法 实例一 Hello, World marquee常用到的两个事件: onMouseOut="this.start()" 当鼠标移出该区域时 onMouseOve ...

  5. php给html标签添加样式,html button标签的样式怎么设置?html button标签的样式介绍...

    本篇文章主要的介绍了关于HTML button标签的样式设置,还有关于HTML button标签的美化样式介绍,接下来就让我们一起来阅读本篇文章吧 首先我们先介绍HTML中的button标签的样式设置 ...

  6. 问题:jquery给标签添加事件,但标签还未加载会成功吗

    之后研究解决 转载于:https://www.cnblogs.com/sz-toosimple/p/11170912.html

  7. HTML中添加超链接、音频标签、视频标签、内嵌框架标签

    目录 超链接 音频标签 视频标签 内嵌框架标签 超链接 1.超链接:当用户点击文字.图像.视频等页面元素时,页面会发生跳转,则这些页面元素就是超链接 2.超链接标签:  <a href='url ...

  8. 使用.NET中的XML注释(一) -- XML注释标签讲解

    使用.NET中的XML注释(一) -- XML注释标签讲解 作者:Xt Idt  来源:博客园  发布时间:2011-04-02 11:46  阅读:9 次  原文链接   [收藏]   一.摘要 . ...

  9. Qt程序添加音乐和音效,解决QtCreator中给程序添加音乐失败的问题

    Qt程序添加音乐和音效,解决QtCreator中给程序添加音乐失败的问题 最近写了个Qt小游戏,希望添加个背景音乐,却失败了很多次,下面总结一下经验. 添加音乐或者音效一般需要使用multimedia ...

最新文章

  1. 【ACL 2020】腾讯AI Lab解读三大前沿方向及入选的20篇论文
  2. 关于ML.NET v0.7的发布说明
  3. windows10如何删除文件时提示?(回收站--右键属性--显示删除确认对话框)
  4. 其实大学老师在剑桥读博士,好像录取不难
  5. 如何root安卓手机_你的手机你做主!免 ROOT 卸载安卓手机预装APP
  6. 牛客网剑指offer编程实践31-40题
  7. Java事实让您大吃一惊! (信息图)
  8. 有字符csv文件导入matlab_Matlab:如何读取CSV文件以及如何读取带有字符串数据项的CSV文件...
  9. linux系统安装redis,外部无法访问
  10. 从“救火”到“井然有序”
  11. ThinPHP_5的请求和响应
  12. PC QQ客户端播放语音或者短视频消息无声音解决
  13. 怎么样用计算机打字,如何使用电脑键盘练习打字【拼音打字】
  14. 7-21 查验身份证 (15 分)
  15. esd win10 /win8 最简单快速的安装方法 双系统、vhd、wimboot+VHD
  16. 两个苹果手机怎么定位_苹果6手机一直闪白屏怎么办?苹果6手机一直闪白屏怎么办?...
  17. 什么是Word Embeddings
  18. JS处理JSON字符串转数组,数字超17为处理方法
  19. KVM内存管理(三)—— KSM操作实践
  20. pinctrl和gpio子系统

热门文章

  1. latex tips :文字箭头
  2. 成本加浮动酬金合同 成本加激励费用合同
  3. 乱砍设计模式之一 -- STRATEGY模式
  4. 第一部3D片源《阿修罗》首映礼在移动电影院上线,颜丹晨白裙助阵
  5. C++ QT视频音乐播放器
  6. 基于海思3559 高效率的 0延时 0拷贝 qt播放器方案
  7. 北航第十二届程序设计竞赛网络预赛题解
  8. java 8安装教程
  9. 如何利用笔记本自带读卡器放入存储卡+ReadyBoost加快笔记本电脑的速度
  10. 无尽神域服务器维护,无尽神域突然显示数据包损坏怎么办 解决方案一览