编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

HTML 文字滑动(marquee)(html文字跳动)

wxchong 2024-08-03 02:45:32 开源技术 30 ℃ 0 评论

<marquee></marquee>文字滑动

<marquee behavior="slide"></marquee>滑动

<marquee behavior="scroll"></marquee>预设卷动

<marquee behavior="alternate"></marquee>来回卷动

<marquee direction="down"></marquee>向下卷动

<marquee direction="up"</marquee>向上卷动

<marquee direction="right"></marquee>向右卷动

<marquee direction="left"></marquee>向左卷动

<marquee loop="2"></marquee>循环次数, 默认值为:-1, 表示一直滚动下去。

<marquee width="180"></marquee>设定宽度


<marquee height="30"></marquee>设定高度


<marquee bgcolor="#FF0000"></marquee>设定背景颜色


<marquee scrollamount="30"></marquee>设定卷动距离(px)


<marquee scrolldelay="300"></marquee>设定卷动时间(毫秒)

<marquee hspace="100"></marquee> hspace 水平页边距

<marquee vspace="80"></marquee> vspace 垂直页边距

<marquee direction="left" behavior="scroll" width="300" height="400" bgcolor="#ff0" scrollAmount="50" scrollDelay="1000">
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JS</li>
<li>JQ</li>
<li>BOOTSTRAP</li>
</ul>
</marquee>

以上整数涉及的单位是像素px

<marquee>
<img src="images/03.jpg" />
<img src="images/04.jpg" />
<img src="images/05.jpg" />
<img src="images/06.jpg" />
<img src="images/07.jpg" />
<img src="images/08.jpg" />
<img src="images/09.jpg" />
</marquee>

marquee常用到的两个事件:

onmouseout="this.start()" 当鼠标移出该区域时

onbmouseover="this.stop()" 当鼠标移入该区域时

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表