给文字或图片添加跑马灯效果
前言
今天逛网站的时候发现了一个好玩的markdown代码,可以使文字或图片实现跑马灯的效果。
教程
文字
<marquee>和可莉一起去炸鱼吧</marquee>
图片
<marquee behavior="scroll" direction="left" scrollamount="3">
<img src="https://www.xrbk.cn/your_img.JPG" alt="可莉">
</marquee>
嵌套文字样式
<marquee><font color=#9999FF size=4>欢迎大家到访我的网站,感谢大家的支持🙂</font></marquee>
基本语法 | 滚动字体 | |
---|---|---|
</marquee> |
||
功能 | 实现页面中的滚动文字 | |
属性 | 说明 | |
Align | 排列方式 | |
Behavior | 滚动方式 | |
Bgcolor | 滚动的背景颜色 | |
属性及说明 | Class | 用一个名称来标记滚动内容,该标记名称指向一个 预定义的类,而该类是在文档级声明的或者在外部定义的样式表 |
Direction | 滚动方向 | |
Width | 滚动宽度 | |
Height | 滚动高度 | |
Hspace | 滚动内容的水平间距 | |
Vspace | 滚动内容的垂直间距 | |
Style | 创建滚动内容的内联样式 | |
Loop | 滚动的循环次数 | |
Scrollamount | 滚动速度 | |
Scrolldelay | 滚动延迟 |
提示:本文最后更新于2024年 6月 15日,如有错误或者已经失效,请留言告知。
THE END