H5标签 marquee 滚动字幕
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 滚动字幕相关推荐
- HTML之marquee标签(滚动字幕(跑马灯))
再来学习一个标签---marquee,认识这个单词的人应该知道这个单词的意思是跑马灯. 但其实在H5中这个标签的语义是滚动字幕. marquee标签并不是W3C官方推荐的标签,但是这个标签在各个浏览器 ...
- 原生JS实现marquee 滚动字幕效果,完美解决频闪问题
marquee标签在HTML5 中已经不再受支持 但是我们很多时候会用到滚动字幕的样式,所以就采用了实时动态改变元素位置的方式来实现此功能,在实现的时候用过HTML DOM setInterval() ...
- marquee 滚动字幕
滚动字幕: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title& ...
- html标签 marquee 滚动
<marquee style="font-size: 33px" direction=left behavior=scroll scrollamount=2 align=to ...
- HTML 中多媒体设置:1、滚动字幕及滚动图片的设置 2、音乐视频的插入
代码如下: 滚动图片: <marquee behavior="scroll" direction="right"><img src=" ...
- html网页的说课稿,网页设计之滚动字幕说课稿
网页设计之滚动字幕说课稿 更新时间:2017/2/9 0:35:00 浏览量:633 手机版 2015-2016学年 第二学期 <网页设计之滚动字幕> 说课稿(公开课) 信息技术组:米 ...
- HTML的滚动文字标签marquee
marquee标签是HTML提供的一个实现跑马灯效果的文本标签 使用方法: <marquee>滚动的内容</marquee> 属性: background-color:背景颜色 ...
- html 自动滚动标签,HTML滚动标签(marquee标签)
以下为学做网站论坛关于"HTML滚动标签(marquee标签)"讲解视频教程. HTML marquee标签介绍 marquee标签又叫滚动标签.它是用来控制一段文本或其它元素滚动 ...
- 滚动字幕Marquee
基本语法 <marquee>滚动文字 </marquee> 文字移动属性的设置 方向 <direction=#> #=left, right,up,down 方 ...
- html 控制文字的标签,html里面有一个控制文字滚动的标签marquee,比较有用。
简介这篇文章主要介绍了html里面有一个控制文字滚动的标签marquee,比较有用.以及相关的经验技巧,文章约3183字,浏览量161,点赞数4,值得参考! 本节笔者讲述HTML代码中比较特殊的标签, ...
最新文章
- 【HDU 5834】Magic boy Bi Luo with his excited tree
- Boosting(提升方法)之GBDT
- 京瓷1020怎么打印自检页_[建筑]喷墨打印机如何打印自检页 详细
- 质数和分解(动态规划)
- DOM(document object model),文档对象模型
- 不更新安装包,实现文件更新 奕婷特许授权发布
- 解决VSCODE因为在此系统上禁止运行脚本报错
- 这个火热的社区都升级到2.0了,你还不知道它?
- led显示屏背景墙设计_西安盛泉广告设计制作||发光字标识,门头广告牌,灯箱,LED显示屏...
- Python学习-第二天-字符串和常用数据结构
- LabVIEW如何将脚本插入Quick Drop
- nsga 的java实现_Java – Scala遗传算法(GA)库中的模拟二进制交叉(SBX)交叉运算符
- 通过快递鸟如何接入中通快递电子面单
- python 网格策略_Python版简单网格策略
- 情感分析-英文电影评论
- 【头歌】顺序表的基本操作
- 整理一下个人学习前端的网站
- MySQL创建视图语法,MySQL视图的作用
- 数字信号处理学习(二):振动与信号
- 浅谈ArcGIS中的容差和分辨率