marquee标签详解

由于在工作看到同事写的marquee的标签,但是不理解这个标签怎么使用,于是在网上查询了一些资料,终于把这个标签给看懂了,下面我就给大家分享一下我的理解。

<marquee>标签是成对出现,而我们滚动的内容就包裹在<marquee></marquee>内部。而marquee的主要属性和事件有以下这些。

marquee属性

标签名称 说明 取值范围 默认值
direction 表示内容滚动的方向 left,right,up,down left
behavior 表示内容滚动的方式 scroll(连续滚动),slide(滚动一次), alternate(来回滚动) scroll
loop 表示内容滚动的次数 正整数 无限循环
 scrollamount 表示运动速度 正整数 6
 scrolldelay 表示停顿时间 正整数 0
align 表示内容的垂直对齐方式 top,middle,bottom middle
bgcolor 表示运动区域的背景颜色 16进制的RGB颜色,或是颜色的英文 白色
height 表示运动区域的高度 正整数(单位是像素或者百分数) 标签内容的高度
width 表示运动区域的宽度 正整数(单位是像素或者百分数) width=100%
hspace 表示内容到区域边界的水平距离 正整数(单位是像素) ——
vspace 表示内容到区域边界的垂直距离 正整数(单位是像素) ——-

marquee标签的事件

事件名 说明
onmouseover οnmοuseοver=this.stop()表示当鼠标移动到以上区域的时候内容停止滚动
onmouseout οnmοuseοut=this.start()表示当鼠标划出以上区域时候内容开始滚动

marquee标签详解相关推荐

  1. HTML marquee标签详解

    HTML marquee标签详解 在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动.而我们使用HTML的Marquee语句则可以产生更多的 ...

  2. marquee标签 html5,HTML+CSS入门 marquee标签详解

    本篇教程介绍了HTML+CSS入门 marquee标签详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在W3C官方文档中找不到这个标签,也就是说不是官方推荐的标签 但 ...

  3. HTML 中的marquee标签详解

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

  4. 前端基础-HTML的的标签详解

    阅读目录 一.head内常用标签 二. HTML语义化 三. 字符实体 四. h系列标签 五. p标签 六. img标签 七. a标签 八. 列表标签 九. table标签 十. form标签 一. ...

  5. W3C中meta标签详解

    2019独角兽企业重金招聘Python工程师标准>>> meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <meta ...

  6. HTML基本标签详解与运行截图

    Web前端基础修炼 HTML基本标签详解与运行截图 CSS基本操作详解及截图演示 JavaScript基础(ECMAScript) JavaScript中DOM操作 JavaScript中BOM操作 ...

  7. JSF标签详解(全)

    转自:https://wenku.baidu.com/view/82b84b255901020207409c87.html :https://blog.csdn.net/qq_36411874/art ...

  8. SEO技巧:Meta标签详解

    网页设计:Meta标签详解 您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ●在搜索引擎中 ...

  9. java foreach标签_Java中Velocity foreach循环标签详解

    Java中Velocity foreach循环标签详解 Java Velocity中foreach循环可以很容易的遍历数组或者集合. 定义 #foreach( $elem in $allElems) ...

最新文章

  1. 使用Data::Dumper
  2. 什么是localStorage?
  3. deepfake 图片_DeepFake克星来了!简单2步算法,造假图像无处可逃
  4. 深入理解java虚拟机 (三) 第二版
  5. 2019年10月数据库流行度排行:国产数据库鲲鹏正举 PostgreSQL同比增幅第一
  6. subd计算机系统结构,计算机体系结构第2章试题答案.doc
  7. memcache 源码分析之开场白
  8. 【期刊推荐】JCR1-4区推荐重点SCI期刊征稿中~
  9. Task5:第五回:样式色彩秀芳华
  10. 华为eNSP模拟器vlan 隔离技术的实现
  11. 软件项目管理期末复习整理
  12. 全球及中国空气净化器市场销售模式与营销策略前景咨询报告2022版
  13. 【PM】1.2 认识产品经理 产品经理能力模型
  14. 关于生物医学工程{血站+软件}的看法
  15. c语言json如何遍历数组,JavaScript怎么遍历这样的一个Json的对象数组?用递归or循环?...
  16. java数字时钟_Java实现动态数字时钟
  17. Life:最新上海落户政策(以一名普通研究生为例计分)
  18. linux不设置网关,关于设置网关的问题,刚使用linux不太明白啊...
  19. 大数据在锂电池产品全生命周期中的应用
  20. 通过微软商店软件安装kali Linux子系统及图形界面

热门文章

  1. 腾讯云部署K8s集群
  2. 156-161.网络安全渗透测试—[Cobalt Strike系列]—[内网渗透之Windos域环境的搭建]
  3. 聚华祥科技:小店开通需要具备哪些条件
  4. Android打电话功能权限报错,Android实现简单的拨号器功能
  5. 不美颜的android手机,「照骗」要消失了?Android 11 或禁用自动美颜
  6. ZZULIOJ.1125: 上三角矩阵的判断
  7. 利用喜欢的字给小孩取名
  8. 第十二章 存储类别、链接和内存管理
  9. 双网卡绑定bond0
  10. android listview gridview 性能优化