前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

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

<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()" 当鼠标移入该区域时

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言