marquee标签详解
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标签详解相关推荐
- HTML marquee标签详解
HTML marquee标签详解 在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动.而我们使用HTML的Marquee语句则可以产生更多的 ...
- marquee标签 html5,HTML+CSS入门 marquee标签详解
本篇教程介绍了HTML+CSS入门 marquee标签详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在W3C官方文档中找不到这个标签,也就是说不是官方推荐的标签 但 ...
- HTML 中的marquee标签详解
该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 语法: <marqu ...
- 前端基础-HTML的的标签详解
阅读目录 一.head内常用标签 二. HTML语义化 三. 字符实体 四. h系列标签 五. p标签 六. img标签 七. a标签 八. 列表标签 九. table标签 十. form标签 一. ...
- W3C中meta标签详解
2019独角兽企业重金招聘Python工程师标准>>> meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <meta ...
- HTML基本标签详解与运行截图
Web前端基础修炼 HTML基本标签详解与运行截图 CSS基本操作详解及截图演示 JavaScript基础(ECMAScript) JavaScript中DOM操作 JavaScript中BOM操作 ...
- JSF标签详解(全)
转自:https://wenku.baidu.com/view/82b84b255901020207409c87.html :https://blog.csdn.net/qq_36411874/art ...
- SEO技巧:Meta标签详解
网页设计:Meta标签详解 您的个人网站即使做得再精彩,在"浩瀚如海"的网络空间中,也如一叶扁舟不易为人发现,如何推广 个人网站,人们首先想到的方法无外乎以下几种: ●在搜索引擎中 ...
- java foreach标签_Java中Velocity foreach循环标签详解
Java中Velocity foreach循环标签详解 Java Velocity中foreach循环可以很容易的遍历数组或者集合. 定义 #foreach( $elem in $allElems) ...
最新文章
- 使用Data::Dumper
- 什么是localStorage?
- deepfake 图片_DeepFake克星来了!简单2步算法,造假图像无处可逃
- 深入理解java虚拟机 (三) 第二版
- 2019年10月数据库流行度排行:国产数据库鲲鹏正举 PostgreSQL同比增幅第一
- subd计算机系统结构,计算机体系结构第2章试题答案.doc
- memcache 源码分析之开场白
- 【期刊推荐】JCR1-4区推荐重点SCI期刊征稿中~
- Task5:第五回:样式色彩秀芳华
- 华为eNSP模拟器vlan 隔离技术的实现
- 软件项目管理期末复习整理
- 全球及中国空气净化器市场销售模式与营销策略前景咨询报告2022版
- 【PM】1.2 认识产品经理 产品经理能力模型
- 关于生物医学工程{血站+软件}的看法
- c语言json如何遍历数组,JavaScript怎么遍历这样的一个Json的对象数组?用递归or循环?...
- java数字时钟_Java实现动态数字时钟
- Life:最新上海落户政策(以一名普通研究生为例计分)
- linux不设置网关,关于设置网关的问题,刚使用linux不太明白啊...
- 大数据在锂电池产品全生命周期中的应用
- 通过微软商店软件安装kali Linux子系统及图形界面
热门文章
- 腾讯云部署K8s集群
- 156-161.网络安全渗透测试—[Cobalt Strike系列]—[内网渗透之Windos域环境的搭建]
- 聚华祥科技:小店开通需要具备哪些条件
- Android打电话功能权限报错,Android实现简单的拨号器功能
- 不美颜的android手机,「照骗」要消失了?Android 11 或禁用自动美颜
- ZZULIOJ.1125: 上三角矩阵的判断
- 利用喜欢的字给小孩取名
- 第十二章 存储类别、链接和内存管理
- 双网卡绑定bond0
- android listview gridview 性能优化