H5中这个标签的语义是滚动字幕。

marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器中都非常支持。

格式:

滚动字幕内容

① 默认情况下,在标签中输入的文字是从右向左滚动的。但是可以通过marquee标签的属性direction来控制滚动的方向。

direction=“right” :从左向右滚动

direction=“up”  :从下向上滚动

direction=“left”  :从右向左滚动(默认情况)

direction= “down” :从上向下滚动

②  marquee标签中的属性scrollamount可以控制文字滚动的速度。

例如:scrollamount=“100” 。其中值越大,滚动的速度就越快。

③marquee标签中的属性loop可以控制文字滚动的次数,但是默认的值是-1.也就是无限次滚动

loop=“1”,就可以让文字仅仅滚动一次。

④marquee标签中的属性behavior可以设置滚动的类型。

behavior=“slide”,文字滚动到边界后就会停止,不会再继续滚动。

behavior=“alternate” 文字滚动到边界后会反方向弹回来,并且来回滚动。
————————————————
版权声明:本文为CSDN博主「叫我邱球球」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/CallMeQiuqiuqiu/article/details/54350342

H5标签 marquee 滚动字幕相关推荐

  1. HTML之marquee标签(滚动字幕(跑马灯))

    再来学习一个标签---marquee,认识这个单词的人应该知道这个单词的意思是跑马灯. 但其实在H5中这个标签的语义是滚动字幕. marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器 ...

  2. 原生JS实现marquee 滚动字幕效果,完美解决频闪问题

    marquee标签在HTML5 中已经不再受支持 但是我们很多时候会用到滚动字幕的样式,所以就采用了实时动态改变元素位置的方式来实现此功能,在实现的时候用过HTML DOM setInterval() ...

  3. marquee 滚动字幕

    滚动字幕: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title& ...

  4. html标签 marquee 滚动

    <marquee style="font-size: 33px" direction=left behavior=scroll scrollamount=2 align=to ...

  5. HTML 中多媒体设置:1、滚动字幕及滚动图片的设置 2、音乐视频的插入

    代码如下: 滚动图片: <marquee behavior="scroll" direction="right"><img src=" ...

  6. html网页的说课稿,网页设计之滚动字幕说课稿

    网页设计之滚动字幕说课稿 更新时间:2017/2/9 0:35:00  浏览量:633  手机版 2015-2016学年 第二学期 <网页设计之滚动字幕> 说课稿(公开课) 信息技术组:米 ...

  7. HTML的滚动文字标签marquee

    marquee标签是HTML提供的一个实现跑马灯效果的文本标签 使用方法: <marquee>滚动的内容</marquee> 属性: background-color:背景颜色 ...

  8. html 自动滚动标签,HTML滚动标签(marquee标签)

    以下为学做网站论坛关于"HTML滚动标签(marquee标签)"讲解视频教程. HTML marquee标签介绍 marquee标签又叫滚动标签.它是用来控制一段文本或其它元素滚动 ...

  9. 滚动字幕Marquee

    基本语法  <marquee>滚动文字 </marquee> 文字移动属性的设置  方向 <direction=#> #=left, right,up,down 方 ...

  10. html 控制文字的标签,html里面有一个控制文字滚动的标签marquee,比较有用。

    简介这篇文章主要介绍了html里面有一个控制文字滚动的标签marquee,比较有用.以及相关的经验技巧,文章约3183字,浏览量161,点赞数4,值得参考! 本节笔者讲述HTML代码中比较特殊的标签, ...

最新文章

  1. 【HDU 5834】Magic boy Bi Luo with his excited tree
  2. Boosting(提升方法)之GBDT
  3. 京瓷1020怎么打印自检页_[建筑]喷墨打印机如何打印自检页 详细
  4. 质数和分解(动态规划)
  5. DOM(document object model),文档对象模型
  6. 不更新安装包,实现文件更新 奕婷特许授权发布
  7. 解决VSCODE因为在此系统上禁止运行脚本报错
  8. 这个火热的社区都升级到2.0了,你还不知道它?
  9. led显示屏背景墙设计_西安盛泉广告设计制作||发光字标识,门头广告牌,灯箱,LED显示屏...
  10. Python学习-第二天-字符串和常用数据结构
  11. LabVIEW如何将脚本插入Quick Drop
  12. nsga 的java实现_Java – Scala遗传算法(GA)库中的模拟二进制交叉(SBX)交叉运算符
  13. 通过快递鸟如何接入中通快递电子面单
  14. python 网格策略_Python版简单网格策略
  15. 情感分析-英文电影评论
  16. 【头歌】顺序表的基本操作
  17. 整理一下个人学习前端的网站
  18. MySQL创建视图语法,MySQL视图的作用
  19. 数字信号处理学习(二):振动与信号
  20. 浅谈ArcGIS中的容差和分辨率

热门文章

  1. PHP实现网页截图?还可以实现登录截图!
  2. KVM地址翻译流程及EPT页表的建立过程
  3. oracle获取中位数
  4. java8 foreach 异常_在java 8流foreach中抛出异常
  5. 数据压缩算法—LZ77 vs LZ78
  6. LeetCode 198. 打家劫舍
  7. 34岁华为员工跳槽央企,晒出年薪和工作时间,网友:羡慕了
  8. Android 深入理解AIL语言与init.rc文件
  9. URL 编码 - 从 %00 到 %ff
  10. ios 纯代码怎么适配ipad_关于ios 适配ihone 和 ipad方式