网页美化:HTML滚动文字代码大全

作者 : 来源互联网 本文共1639个字,预计阅读时间需要5分钟 发布时间: 2018-01-20 共830人阅读

使用HTML代码,让网页里的文字动起来!


文字来回滚动

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

向上移动的文字

1 <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=up>向上移动的文字</MARQUEE>

向下移动的文字

1 <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=down>向下移动的文</MARQUEE>

从右向左滚动

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

从左向右滚动

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

躲躲字,跑给你追

1 <MARQUEE behavior=alternate><MARQUEE scrollAmount=5 width=150>躲躲字,跑给你追</MARQUEE></MARQUEE>

由中间向两边移动的文字

1 <P align=center>
2 <MARQUEE width=200 height=50><FONT face=华文彩云 color=#ee110e size=5>由中间向两边移动的文字</FONT></MARQUEE>
3 <MARQUEE direction=right width=200 height=50><FONT face=华文彩云 color=#ee110esize=5>由中间向两边移动的文字</FONT></MARQUEE>
4 </P>

由上下向中间移动的字体

1 <CENTER>
2 <MARQUEE style="WIDTH: 300px; HEIGHT: 60px" scrollAmount=2 direction=downheight=60><FONT face=隶书 color=#ff0000 size=5>由上下向中间移动的字体</FONT></MARQUEE>
3 </CENTER>
4 <CENTER>
5 <MARQUEE style="WIDTH: 300px; HEIGHT: 60px" scrollAmount=2 direction=upheight=60><FONT face=隶书 color=#ff0000 size=5>由上下向中间移动的字体</FONT></MARQUEE>
6 </CENTER>

左右运动的文字

1 <CENTER>
2 <MARQUEE direction=right width=250 height=50><FONT color=#ff0000 size=5>左右运动的文字</FONT></MARQUEE>
3 <BR>
4 <MARQUEE width=250 height=50><FONT face=隶书 color=#ff0000 size=5>左右运动的文字</FONT></MARQUEE>
5 </CENTER>

HTML滚动文字代码参数详解

scrollAmount:表示速度,值越大速度越快。如果没有这个值,默认为6,建议设为1~3比较好,太快看不清了!

width和height:表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。这样就文字就会在一定的范围滚动!

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

scrollDelay:控制速度,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

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

具体代码效果,你可以在本地编辑一个html文件,把代码粘贴进入,进行修改测试!


本文代码搜集整理自网络

RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
唐迈博客 » 网页美化:HTML滚动文字代码大全

提供最优质的资源集合

立即查看 了解详情