使用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文件,把代码粘贴进入,进行修改测试!


本文代码搜集整理自网络

作者 来源互联网

人生如同一面镜子,假如你对它微笑,它也回报你微笑,我的人生信条还是不断的改变现状,求真务实,明天更美好,人生重要的问题,不在于人拥有什么,而在于怎样使用它,人与人关系上最宝贵的是真诚,善于理解便是快乐人生。

发表回复

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据