给文字或图片添加跑马灯效果
前言
今天逛网站的时候发现了一个好玩的markdown代码,可以使文字或图片实现跑马灯的效果。
教程
文字
和可莉一起去炸鱼吧
<marquee>和可莉一起去炸鱼吧</marquee>
图片
<marquee behavior="scroll" direction="left" scrollamount="3">
<img src="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 | 滚动延迟 |
THE END