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 ...
随机推荐
- 深入浅出Java多线程(十):CAS
引言 大家好,我是你们的老伙计秀才!今天带来的是[深入浅出Java多线程]系列的第十篇内容:CAS.大家觉得有用请点赞,喜欢请关注!秀才在此谢过大家了!!! 在多线程编程中,对共享资源的安全访问和同步 ...
- ohmyposh 安装 - 基于 powershell7.2.1 - 最后改成 profile自定义
今天偶然下载了 powershell7.2.1 https://mydown.yesky.com/pcsoft/468254.html 这想着 vscode也支持了,得装一个 ohmyposh的主题啊 ...
- function 的入参 如果是指针的话,如果你用的好的话,会颠覆三观啊 这里就是指对象,数组不用考虑 // 夏娃的苹果
function 的入参 如果是指针的话,如果你用的好的话,会颠覆三观啊 这里就是指对象,数组不用考虑 这就是一颗 夏娃的苹果
- opus编解码的特色和优点
概念原理 Opus是一个有损音频压缩的数字音频编码格式,由Xiph.Org基金会开发,之后由互联网工程任务组(IETF)进行标准化,目标是希望用单一格式包含声音和语音,取代Speex和Vorbis ...
- day06-JavaScript03
JavaScript03 11.DOM 官方文档:https://www.w3school.com.cn/js/js_htmldom.asp 基本介绍: DOM全称是Document Object M ...
- Shell 编写摘要 (一)
PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明 本文作为本人csdn blog的主站的备份.(Bl ...
- FLTK基于cmake编译以及使用(Windows、macOS以及Linux)
最近因为一些学习的原因,需要使用一款跨平台的轻量级的GUI+图像绘制 C/C++库.经过一番调研以后,最终从GTK+.FLTK中选出了FLTK,跨平台.够轻量.本文将在Windows.macOS以及L ...
- 地理探测器R语言实现:geodetector
本文介绍基于R语言中的geodetector包,依据多张栅格图像数据,实现地理探测器(Geodetector)操作的详细方法. 需要说明的是,在R语言中进行地理探测器操作,可以分别通过geod ...
- SQLI-LABS(Less-11、12)
Less-11(POST-Error Based-Single Quotes-String) 打开Less-11的页面,可以看到一个登录框,需要输入用户名和密码,由本关名字可知SQL语句是单引号闭合. ...
- 记录--手写$forceUpdate,vm.$destroy方法
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 vm.$forceUpdate (1)作用 迫使Vue.js实例重新渲染.注意它仅仅影响实例本身以及插入插槽内容的子组件,而不是所有子组件 ...