marquee标签的几个重要属性

1.direction:滚动方向(包括4个值:up、down、left、right)
        说明:up:从下向上滚动;down:从上向下滚动;left:从右向左滚动;right:从左向右滚动。语法:<marquee direction="滚动方向">...</marquee>
2.behavior:滚动方式(包括3个值:scroll、slide、alternate)
        说明:scroll:循环滚动,默认效果;slide:只滚动一次就停止;alternate:来回交替进行滚动。语法:<marquee behavior="滚动方式">...</marquee>
3.scrollamount:滚动速度(滚动速度是设置每次滚动时移动的长度,以像素为单位)
        语法:<marquee scrollamount="5">...</marquee>
4.scrolldelay:设定滚动两次之间的延迟时间,值大了会有一步一停顿的效果(设置滚动的时间间隔,单位是毫秒)
        语法:<marquee scrolldelay="100">...</marquee>
5.loop:设定滚动循环的次数(默认值是-1,滚动会不断的循环下去)
        语法:<marquee loop="2">...</marquee>                        <marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee><marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>
6.width、height:设定滚动字幕的宽度、高度
        语法:<marquee width="500" height="200">...</marquee>
7.bgcolor:设定滚动字幕的背景颜色(可以是颜色值,也可以是rgb()或rgba()函数)
        语法:<marquee bgcolor="rgba(0,0,0,0.2)">...</marquee>
8.hspace、vspace:空白空间(相当于设置margin值)
         说明:hspace:设定活动字幕里所在的位置距离父容器水平边框的距离,如hspace=“10”,即等同于:margin:0 10px;vspace:设定活动字幕里所在的位置距离父容器垂直边框的距离,如vspace=“10”,即等同于:margin:10px 0;语法:<marquee hspace="10"  vspace="10">...</marquee>(等同于: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:顶部对齐语法:<marquee align="对齐方式">...</marquee>
10.face:设定滚动字幕的文字字体
            语法:<marquee font="楷体_GB2312"></marquee>
11.color:设定滚动字幕的文字颜色
            语法:<marquee color="#333"></marquee>
12.size:设定滚动字幕的文字字号
            语法:<marquee size="3"></marquee>
13.STRONG:设定滚动字幕的文字加粗
            语法:<marquee STRONG></marquee>

二、marquee常用到的两个事件:

           onMouseOut="this.start()" 用来设置鼠标移出该区域时继续滚动onMouseOver="this.stop()" 用来设置鼠标移入该区域时停止滚动<marquee onMouseOut="this.start()" onMouseOver="this.stop()">marquee常用到的两个事件</marquee>                                         完整代码如下:<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50"            vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">

marquee相关属性相关推荐

  1. Android 相关属性

    TextView: Android:layout_gravity="center_vertical" 设置控件显示的位置:默认top,这里居中显示,还有bottom android ...

  2. linux查看nginx运行状态,如何查看nginx运行状态及相关属性说明

    如何查看nginx运行状态及相关属性说明. 需要查看nginx是否已经加载了 http_stub_status_module模块 /usr/sbin/nginx  -V 查看nginx的安装状态 ng ...

  3. 【约束布局】ConstraintLayout 屏障 Barrier 约束 ( 简介 | 屏障适用场景 | 位置说明 | 相关属性 | 可视化操作 | 代码示例 | 总结 )

    文章目录 I . 屏障 Barrier 约束 简介 II . 屏障线 Barrier 与 引导线 Guideline 对比 III . 屏障 Barrier 适用场景 IV . 屏障 Barrier ...

  4. 随手记一次用C#正则表达式获取下拉菜单html标签select以及相关属性值

    随手记一次用C#正则表达式获取下拉菜单html标签<select>以及相关属性值 1:有如下html: .................. <select id="aaa ...

  5. ML之FE:对人类性别相关属性数据集进行数据特征分布可视化分析与挖掘

    ML之FE:对人类性别相关属性数据集进行数据特征分布可视化分析与挖掘 目录 对人类性别相关属性数据集进行数据特征分布可视化分析与挖掘 输出结果 实现代码 对人类性别相关属性数据集进行数据特征分布可视化 ...

  6. Android总结篇系列:Activity Intent Flags及Task相关属性

    同上文一样,本文主要引用自网上现有博文,并加上一些自己的理解,在此感谢原作者. 原文地址: http://blog.csdn.net/liuhe688/article/details/6761337 ...

  7. css3背景、边框、和补丁相关属性

    border :基本语法 border: border-width || border-style || border-color 默认值为: medium none . border-color 的 ...

  8. 复习-css列表和表格相关属性

    css列表和表格相关属性 list-style:设置所有列表属性 list-style-image:将图像设置为列表项标记,主要有url值 list-style-position:设置列表项标记的放置 ...

  9. 清除掉AD的相关属性!

    今天有朋友问我怎么清除掉AD 的相关属性,由于他们的用户都设置了登录到属性,这样我们的用户就仅仅能登陆他须要设置的计算机.对于兴许规则的变更的时候,我们的管理员配置起来就比較复杂.他须要非常长的时间去 ...

最新文章

  1. 2021-2027年中国透光立体玻璃行业市场深度分析及前瞻研究报告
  2. oracle数据物理结构包括,Oracle数据库的物理结构介绍
  3. 岗位推荐 | 实在智能招聘深度学习算法研究员(可实习)
  4. Notepad++ 插件之 TextFX (安装及作用)
  5. 博客编辑工具ckeditor
  6. Bootstrap中水平排列的表单form-inline
  7. MessageDlg
  8. 大话重构7:重构是一系列的等量变换
  9. springmvcget中文乱码_解决SpringMVC Controller 接收页面传递的中文参数出现乱码的问题...
  10. 百合数c语言360问答,《百合花》
  11. C++智能指针的几种用法
  12. [原创].Net中绑定到DataView的问题
  13. weibo.cn html5,微博爬虫:爬取微博正文、关注人
  14. 红米note 4x Android 8,红米note 4X升级安卓7.0:小米MIUI8第331周公测
  15. 计算机找不到链接打印机主机,电脑连接打印机厂商型号没有怎么办
  16. 数字营销卷得再狠,「阿琉克斯之踵」不能忽视
  17. Unity摄像头仿真调研(svl)
  18. centOS7.10 KDE桌面字体设置推荐
  19. STM32F103ZE+SHT30检测环境温度与湿度(IIC模拟时序)
  20. 提高vivado编译速度

热门文章

  1. caffe合并BatchNorm和Scale层
  2. 4月4日 JavaWeb 周三
  3. [算法和数据结构入门][Day2]python 直接替换列表中的元素几种方法
  4. 笔记本插拔电源声音怎么关_在笔记本电脑运行时将其拔出再插回电源是否安全?
  5. 了解并总结软件工程与计算机科学的关系及区别,你的观点?
  6. 机器人素质教育,是时候普及一下了
  7. Android 多语言支持
  8. 超越CBAM,全新注意力GAM:不计成本提高精度
  9. WIN7/WIN10 临时及永久 强制关闭驱动签名验证
  10. python中的标准模块有哪些_下面哪些模块属于Python标准库模块