marquee实现滚动
marquee的基本语法:<marquee> ... </marquee>
参数:
1、滚动方向 (direction):left(左)、right(右)、up(上)、down(下)。
例:<marquee direction="up">向上移动</marquee>
2、移动方式 ( behavior):scroll(循环移动)、slide(只移动一次)、alternate(来回移动)
<marquee direction="left" behavior="scroll"><span>向左滚动></span><span>不停的循环滚动</span></marquee>
3、循环次数 (loop)
<marquee direction="left" behavior="scrool" loop="3">向左滚动3次</marquee>
4、移动速度 (scrollamount):移动速度。值取正整数。数值越大,速度越快。
<marquee scrollamount="10" direction="left" behavior="scrool" loop="3">向左以10的速度滚动3次</marquee>
5、延时 (scrolldelay)
<marquee scrollamount="10" direction="left" behavior="scrool" loop="3" scrolldelay="1000">向左以10的速度滚动3次,延时1秒</marquee>
6、底色 (bgcolor)
<marquee scrollamount="10" direction="left" behavior="scrool" loop="3" scrolldelay="1000" bdcolor="green">向左以10的速度滚动3次,延时1秒,背景色是绿色</marquee>
7、滚动范围:width和height
8、空白空间:hspace(水平间距)、vspace(上下间距)
9、对齐方式(align):top(上)、 middle(居中)、bottom>(下)
<marquee scrollamount="10" direction="left" behavior="scrool" loop="3" scrolldelay="1000" bdcolor="green" hspace="20px" vspace="10px" width="200px" height="20px" align="middle">
向左以10的速度滚动3次,延时1秒,背景色是绿色,左右外边距是20px,上下外边距是10px,宽是200px,高是20px,文字居中对齐
</marquee>
marquee实现滚动的更多相关文章
- HTML标签marquee实现滚动效果
html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制.使用marquee标记不仅可以移动文字,也可以移动图片,表格等.只需要在<ma ...
- iframe框架里镶嵌页面;<marquee>:滚动效果;<mark>做标记;内联、内嵌、外联;选择器
标签:①②③④⑤⑥⑦★ 框架: 一.frameset:(框架集) 1.如果使用框架集,当前页面不能有body 2.cols="300,*":左右拆分,左边宽300,右边宽剩余 3. ...
- HTML之marquee(文字滚动)详解
语法: <marquee></marquee> 以下是一个最简单的例子: 代码如下: <marquee><font size=+3 color=red> ...
- marquee标签滚动效果
<marquee></marquee>标签,默认从最右侧往左滚动: direction:设置滚动的方向: height:设置标签高度, width:设置标签宽度: behavi ...
- vue 自定义marquee无缝滚动组件
先上效果图: (1) 看起来可能有点卡顿,但是实际上页面上看起来挺顺畅的. (2) 思路就是获取每一个列表的宽度,设置定时器移动列表,当移动的距离达到一个列表的宽度的时候,把这个距离放到数组的最后.这 ...
- marquee 标签 文字滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- marquee标签实现页面内容的滚动效果
页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用marquee ...
- marquee 实现首尾相连循环滚动效果
<marquee></marquee>可以实现多种滚动效果,无需js控制.使用marquee标签不仅可以滚动文字,也可以滚动图片,表格等 marquee标签不是HTML3.2 ...
- HTML 滚动标签<marquee>
主要参数: behavior 移动方式 scroll 循环移动 slide 只移动一个回合 alternate 来回移动 direction 移动方向 left r ...
- html的<marquee></marquee>标签实现滚动效果
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用m ...
随机推荐
- base-table 加入动态slot 流程 vue2
columns { title: '字段标题', slot: 'yourSlotName', minWidth: 50, align: 'center' }, 组件内 props: { columns ...
- vscode vue 鼠标Ctrl+单击 函数跳转 插件名称:vue-helper
- Java | zuul 1.x 是如何实现请求转发的
zuul 1.x 是如何实现请求转发的 文档写的再好,也不如源码写的好 源码地址: GitHub: https://github.com/Netflix/zuul Gitee: https://git ...
- [置顶]
linux与windows之间传输文件工具rz上传大文件失败问题解决方案
rz,sz是Linux/Unix同Windows进行ZModem文件传输的命令行工具. windows端需要支持ZModem的telnet/ssh客户端(比如SecureCRT),运行命令rz即是接收 ...
- C++ 萃取机 Iterator Traits
Iterator Traits 萃取出 Iterator 的性质:迭代器种类.迭代器所指数据类型.迭代器距离类型.迭代器所指数据引用.迭代器所指数据指针.根据不同的迭代器种类可以采取不同的算法策略.但 ...
- 在 M1 下搭建 DolphinScheduler 开发调试环境
Apache DolphinScheduler 是一个分布式去中心化,易扩展的可视化 DAG 工作流任务调度系统.致力于解决数据处理流程中错综复杂的依赖关系,使调度系统在数据处理流程中开箱即用 M1 ...
- FPGA中的面积优化
FPGA中的面积优化 一.优化的意义 面积优化,就是在实现预定功能的情况下,使用更小的面积.通过优化,可以使设计能够运行在资源较少的平台上,节约成本,也可以为其他设计提供面积资源. 二.操作符平衡 对 ...
- KingbaseES数据库配置Hikari数据源
Hikari是一个高性能的数据库连接池,它是Spring Boot 2.x中的默认数据源. 一.下载驱动 打开下面网址:选择对应平台的jdbc驱动程序. 人大金仓-成为世界卓越的数据库产品与服务提供商 ...
- 索引与查询使用的 collate 不一致导致无法使用索引
索引与表的collate 不一致的情况下,会导致表上的索引不可用,这时要想使用索引,必须在SQL 语句指定建索引所用的collate. 数据库默认collate : test=# \l List of ...
- layui框架使用单页面弹出层组件layer
layui实现单页面弹出层 首先需要导入layui的js和css: <link rel="stylesheet" href="layui/css/layui.css ...