如何在网站中加入滚动文字或图片

2018-11-01 来源：学做网站论坛

文字或图片滚动一般用的是<marquee></marquee>这个标签、标签里面的放的就是你的文字内容、这个标签有下面几个参数：

direction 表示滚动的方向，值可以是left，right，up，down，默认为left
behavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）
loop 表示循环的次数，值是正整数，默认为无限循环
scrollamount 表示运动速度，值是正整数，默认为6
scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒
valign 表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle
align 表示元素的水平对齐方式，值可以是left，center，right，默认为left
bgcolor 表示运动区域的背景色，值是16进制的RGB颜色，默认为白色
height、width 表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度
hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。 onmouseover=this.stop() onmouseout=this.start() 表示当鼠标移上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

代码举例：

文字来回滚动

代码：

<MARQUEE scrollAmount=3 behavior=alternate>文字来回滚动</MARQUEE>

2. 向右移动的竖排文字：

?代码：

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3

scrollDelay=0? direction=up width=200 height=150>
向右移动的竖排文字 向右移动的竖排文字

向右移动的竖排文字 向右移动的竖排文字</MARQUEE>

3. 向上移动的文字：

代码：

向上移动的文字 向上移动的文字</MARQUEE>

4. 向下移动的文字：

代码：

向下移动的文字 向下移动的文字</MARQUEE>

5. 从右向左滚动：

从右向左滚动

代码：

<MARQUEE scrollAmount=2>从右向左滚动</MARQUEE>

?6. 从左向右滚动：

从左向右滚动

代码：

<MARQUEE scrollAmount=2 direction=right>从左向右滚动</MARQUEE>

?7. 上下反弹：

上下反弹

代码：

<MARQUEE style="WIDTH: 708px; HEIGHT: 150px" scrollAmount=2 direction=up

behavior=alternate>

上下反弹</MARQUEE>

?8. 从左向右文字波浪式移动：

从左向右文字波浪式移动

代码：

<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up

behavior=alternate width="80%">
<MARQUEE direction=right>从左向右文字波浪式移动</MARQUEE></MARQUEE>

?9. 文字来回波浪式移动：

文字来回波浪式移动

代码：

<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up

behavior=alternate width="80%">
<MARQUEE direction=right behavior=alternate>文字来回波浪式移动</MARQUEE>

</MARQUEE>

?10. 躲躲字，跑给你追：

躲躲字，跑给你追

代码：

?11. 原地跳动的文字：

祝?大?家?永?远?幸?福

代码：

?12. 波浪字：

波浪字
波浪字代码：

<MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"

scrollAmount=2 scrollDelay=65 direction=up behavior=alternate height=80>
<CENTER>波浪字 波浪字</CENTER></MARQUEE>

?13. 由中间向两边移动的文字：

闲人SGM欢迎您?闲人SGM欢迎您

代码：

闲人SGM欢迎您</MARQUEE>
<MARQUEE direction=right width=200 height=50><FONT face=华文彩云 color=#ee110e

size=5>闲人SGM欢迎您</MARQUEE>

?14. 由上下向中间移动的字体：

闲人SGM欢迎您闲人SGM欢迎您代码：

<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 60px" scrollAmount=2 direction=down

height=60>闲人SGM欢迎您

</MARQUEE></CENTER>
<CENTER>
<MARQUEE style="WIDTH: 300px; HEIGHT: 60px" scrollAmount=2 direction=up

height=60>闲人SGM欢迎您

</MARQUEE></CENTER>

15. 左右运动的文字：

闲人SGM欢迎您
闲人SGM欢迎您

代码：

闲人SGM欢迎您</MARQUEE> 
<MARQUEE width=250 height=50>

闲人SGM欢迎您</MARQUEE></CENTER>

注:?各参数详解

a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

标签： seo 代码

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。

上一篇:html+js动态时钟钟表制作方法

下一篇:在windows空间实现伪静态网址最短化的方法

最新资讯

热门推荐