最近一段时间由于重构了一个项目,一直没时间进行更新,是时候冒个泡了!今天偶然发现一好玩的标签,和大家分享一下!
- marquee标签,创建一个滚动的文本字幕,应用于文字、图片、今天才知道,基础知识有待提高!
文字朝上滚动
<marquee direction=up behavior=scroll loop=3 scrollamount=10 scrolldelay=4 bgcolor=#ccc height=150 width=15% hspace=4 vspace=4><P align=center>朝上滚动</P></marquee>
marquee标签属性详解
| 属性参数值 |
示例代码 |
| direction="left"向左(默认值) |
<marquee direction="left">向左滚动</marquee> |
| direction="up"向上 |
<marquee direction="up">向上滚动</marquee> |
| direction="right"向右 |
<marquee direction="right">向右滚动</marquee> |
| direction="down"向下 |
<marquee direction="down">向下滚动</marquee> |
| 属性参数值 |
示例代码 |
| behavior="alternate"来回滚动 |
<marquee behavior="alternate">来回滚动</marquee> |
| behavior="scroll"单方向循环滚动 |
<marquee behavior="scroll">单方向循环滚动</marquee> |
| behavior="slide"只滚动一次 |
<marquee behavior="slide">只滚动一次</marquee> |
-loop属性
| 属性参数值 |
示例代码 |
| loop="2"滚动2次 |
<marquee loop="2">我滚动2次。</marquee> |
| bloop="infinite"无限循环滚动 |
<<marquee loop="infinite">无限循环滚动。</marquee> |
| loop="-1"无限循环滚动 |
<marquee loop="-1">无限循环滚动。</marquee> |
| 属性参数值 |
示例代码 |
| scrollamount="50"速度慢了些 |
<marquee scrollamount="50">慢了些。</marquee> |
| scrollamount="100"速度很快 |
<marquee scrollamount="100">速度很快</marquee> |
| 属性参数值 |
示例代码 |
| scrolldelay="30"小步前进 |
<marquee scrolldelay="30">小步前进。</marquee> |
| scrolldelay="1000"大步前进 |
<marquee scrolldelay="1000" scrollamount="100">大步前进。</marquee> |
常用的就这些 ,同样支持width、height等属性。。。
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。