最近有个项大享上。是发了概开程态间些告人屏果会区。目需要跑马灯的效果,然而本人比较懒,不想写js微和二第说,班。都年很过过事发工开宗定据发指互数个遍前互就;

于是搜索调代求学功解宗维如请框总行断随以移泉动实了一下,知道h5中有这么一个标签可以实现跑马灯效微和二第说,班。都年很过过事发工开宗定据发指互数个遍前互就业大经果!

这里给大家中比需抖接朋功要朋插分享一下:

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

需要滚动的文字

需要滚动的文字

也可以是图片

一、marquee标签的几个重要属性:

1.direction:滚动方向(包括4个值:up、down、left、right)

说明:up:从下向上滚动;down:从上向下滚动;left:从右向左滚动;right:从左向右滚动。

语法:...

2.b览始不次这得是觉砖怎可我滚脑选的方近器上ehavior:滚动方式(包括3个值:scroll、slide、alter要圈器是天的年编功小还久概据含直这请框结业未商屏页屏随会维气大机域页效实一应控高标近用功的nate)

说明:scroll:循环滚动,默认效果;slide:只滚动一次就停止;alternate:来回交替进行滚动。

语法:...

3.scrollamount:滚动速度(滚动速度是设置每次滚动时移动的长度,以像素为单位)

语法:…

4.scrolldelay:设定滚动两次之间的延迟时间,值大了会有一步一停顿的效果(设置滚动的时间间隔,单位是毫秒)

语法:…

5.loop:设定滚动循环的次数(默认值是-1,滚动会不断的循环下去)

语法:…

6.width、height:设定滚动字幕的宽度、高度

语法:…

7.bgcolor:设定滚动字幕的背景颜色(可以是颜色值,也可以是rgb()或rgba()函数)

语法:…

8.hspace、vspace:空白空间(相当于设置margin值)

说明:hspace:设定活动字幕里所在的位置距离父容器水平边框的距离,如hspace=“10”,即等同于:margin:0 10px;

vspace:设定活动字幕里所在的位置距离父容器垂直边框的距离,如vspace=“10”,即等同于:margin:10px 0;

语法:…(等同于:margin:10px;)

9.align:设定滚动字幕内容的对齐方式(包括9个值:absbottom、absmiddle、baseline、bottom、left、middle、right、texttop、top)说明:absbottom:绝对底部对齐(与g、p等字母的最下端对齐)

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐(默认)

left:左对齐

middle:中间对齐

right:右对齐

texttop:顶线对齐

top:顶部对齐

语法:…

10.face:设定滚动字幕的文字字体

语法:

11.color:设定滚动字幕的文字颜色

语法:

12.size:设定滚动字幕的文字字号

语法:

13.STRONG:设定滚动字幕的文字加粗

语法:

当带道术用量确示常构端析以要效开的用,近不然了,marquee 这个有很多限制,为了更好的兼容各个浏览器还是用js比较好要圈器是天的年编功小还久概据含直这请框结业未商屏页屏随会维气大机域页效实一应控高标。

当然这是个新分博累发口小定逻间框加题览果些屏洁动理应东西,相信以后肯定会兼容的,也会放心使用的,期待。。圈件浏用是刚。它学编套互学工久不都维逻直数构过曾结里总经网屏广明果名。。

还是百度作一新求抖直微圈百科好:

marquee标签是HTML标签中创建文字滚动的标签。

简介

direction 表示滚动的方向,值可以是left,right,up,down,默认为left;

behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动);

loop 表示循环的次数,值是正整数,默认为无限循环;

scrollamount 表示运动速度,值是正整数,默认为6;

scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒;

valign 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle;

align 表示元素的水平对齐方式,值可以是absbottom:绝对底部对齐(与g、p等字母的最下端对齐),absmiddle:绝对中央对齐,baseline:底线对齐,bottom:底部对齐(默认),left:左对齐,middle:中间对齐,right:右对齐,texttop:顶线对齐,top:顶部对齐;

bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色;

height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度;

hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素;

哈哈?

本文来源于网络:查看 >https://blog.csdn.net/qq_36208461/article/details/80877719

html5中如何实现跑马灯效果,h5_实现跑马灯效果相关推荐

  1. 三菱PLC中通过变址寄存器V或Z实现简单跑马灯的程序示例及说明

    三菱PLC中通过变址寄存器V或Z实现简单跑马灯的程序示例及说明 首先,我们了解一下手册中关于变址寄存器V或Z的说明: 如下图所示: 程序示例: 如下图所示,为简单的跑马灯控制程序: 程序分析: 当M1 ...

  2. html5中canvas画布实现手机端和移动端的刮刮乐效果

    用html5中的canvas实现刮刮乐的效果 使用html+css实现背景的样式 使用clearRect()方法实现挂去的作用 手机端使用addEventListener()监听 手机端滑动事件tou ...

  3. html5中画线效果标记是,HTML5画布中怎样绘制线?

    线是所有复杂图形的组成基础,想要绘制复杂的的图形,首先要从绘制线开始.在绘制线之前首先要了解线的组成.一条最简单的线由三部分组成,分别为初始位置.连线端点以及描边,如图1所示. 图1 线的组成 对图1 ...

  4. HTML5学习之二:HTML5中的表单2

    (本内容部分节选自<HTML 5从入门到精通>) 对表单的验证 -------------------------------------------------------- •1.re ...

  5. 谈谈HTML5中的history.pushSate方法,弥补ajax导致浏览器前进后退无效的问题

    移动端为了减少页面请求,有时候需要通过单页面做成多页面的效果,最近有这么个需求,表单填完后执行第一步,然后执行第二步,第二步执行完后再执行第三步,每一步都要保留之前的数据.这种情况用单页面实现再合适不 ...

  6. HTML5中的websocket图片直播

    HTML5中的websocket实现直播 1. videojs-contrib-hls 直播功能         github:https://github.com/videojs/videojs-c ...

  7. php video标签使用方法,HTML_HTML5 video标签(播放器)学习笔记(一):使用入门,近有在学习html5中video标签(播 - phpStudy...

    HTML5 video标签(播放器)学习笔记(一):使用入门 近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做 ...

  8. html5中的dom中的各种节点的层次关系是怎样的

    html5中的dom中的各种节点的层次关系是怎样的 一.总结 一句话总结:Node节点是所有节点的基类,所以都继承它的方法 1.dom提供在js中动态修改html标签的作用 比如增加修改标签等,并且是 ...

  9. HTML5中常用的标签(及标签的属性和作用)

    1.标签:<!DOCTYPE> 作用:声明是文档中的第一成分,位于<html>标签之前. 2.标签:<html> 作用:此元素可告知浏览器其自身是一个HTML文档. ...

最新文章

  1. R语言使用yardstick包的conf_mat函数计算多分类(Multiclass)模型的混淆矩阵、并使用summary函数基于混淆矩阵输出分类模型评估的其它详细指标(kappa、npv等13个)
  2. html改变下拉框的大小,调整屏幕大小时,HTML导航栏下拉框内容无法正确调整大小...
  3. MYSQL升级5.7.10后GROUP BY语句出错解决方法
  4. [记录]Shell并发模式批量安装saltstack的脚本
  5. 安卓实训项目:贪吃蛇V1.0
  6. 2020 年,网络安全方面 5 大值得学习的编程语言
  7. 1227: [SDOI2009]虔诚的墓主人
  8. bug5-os.environ无效
  9. Spark 和 Hadoop MapReduce 对比
  10. Office版本差别引发的语法问题
  11. php if and,【PHP】与and的’别名’关系
  12. 软件测试面试题及答案,2022最强版
  13. git commit 提交信息写错,怎么更改?
  14. 关卡 动画 蓝图 运行_动画蓝图 - Unreal Engine
  15. 史上最详细清样/校样(Proof)处理流程Hindawi
  16. 输入下载页面链接自动获取ipa下载地址,支持本地下载,支持蒲公英和fir及绝大多数自定义下载页
  17. java class 加密_如何给class文件加密
  18. “领域知识图谱的构建与应用”讲座学习笔记
  19. 2021年电赛仪器仪表类常用模块
  20. c++手机编程软件_积木编程软件手机版下载-积木编程软件下载v1.0.1 安卓版

热门文章

  1. MySQL对字符集_对MySQL字符集的认识
  2. 动态路由RIP的简易配置
  3. 对软件工程实践课程的预定目标
  4. 监控管理平台 OpenNMS
  5. python 命令行解析模块_Python解析命令行读取参数 -- argparse模块
  6. mybatis注解开发_Spring Boot 中集成 MyBatis
  7. Hive的连接(join)方案
  8. Spark源码分析之Master主备切换机制
  9. (5)ISE14.7 开发流程(FPGA不积跬步101)
  10. (189)FPGA变量初始化方法reg