博客实用代码汇编（五）滚动字幕

 

一、一般式滚动字幕

 

1、<P align=center>

<MARQUEE style="FONT-SIZE:12px;WIDTH:132px;COLOR:rgb(34,34,221);

LINE-HEIGHT: 20px; HEIGHT:125px"scrollAmount=1 scrollDelay=1 direction=up

height=125>这里是文字<BR>这里是文字<BR>这里是文字<BR></MARQUEE>

 

说明：scrollAmount=1 移动速度数值，数值越大就越快；

direction="left" 字幕滚动方向，向上(up)，向下(down)，向左(left)，向右(right)。

 

2、<marquee direction="left"scrollamount="1"scrolldelay="10"border="0"width=500>

<marquee scrollamount="1"scrolldelay="60"direction="up"width="180"height="210"><div><font

color="#ff0000">这里是文字</b></font></div><div><font

color="#ff0000">这里是文字</b></font></div><div><font

color="#ff0000">这里是文字</b></font></div><div><font</marquee>

 

说明：scrollAmount=1 移动速度数值，数值越大就越快；

direction="left" 字幕滚动方向，向上(up)，向下(down)。

 

 

二、图片上加滚动字幕

 

1、<CENTER><TABLE width=600 border=0>

<TBODY><TR><TD background=图片地址 height=400><DIV align=center>

<DIV style="OVERFLOW:auto;WIDTH:600px; HEIGHT:400px"><P align=center>

<MARQUEE scrollAmount=1 scrollDelay=60 direction=up height=400><FONT

color=#ff0000 size=6>文字<BR>文字<BR>文字<BR>文字<BR></FONT></MARQUEE></P>

</DIV></DIV></TD></TR></TBODY></TABLE></CENTER>

 

2、<CENTER><TABLE cellSpacing=15 cellPadding=5 width=510 align=center

background=图片地址 border=15 table><TBODY><TR><TD><P><P>

<MARQUEE scrollAmount=2 direction=up height=275><B>

<CENTER><FONT size=4><FONT color=#ff1493>文字<BR>文字<BR>文字<BR>文字<BR>文字</FONT></FONT> </CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER> 

 

3、<TABLE height=300 cellPadding=10 width=500 align=center background=图片.gif地址 border=3 table="0"><TBODY><TR><TD><DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>

<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>移动的字</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>移动的字</FONT></DIV><DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV><DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>移动的字</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>移动的字

</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>移动的字<MARQUEE style="WIDTH:380px;HEIGHT: 84px"scrollAmount=2 direction=up

height=84><FONT color=#ff00ff>

 

4、<TABLE height=300 cellPadding=10 width=500 align=center background=图片.gif地址 border=3 table="0"><TBODY><TR><TD></EMBED><BR><BR><DIV align=center>

<MARQUEE style="WIDTH: 302px; HEIGHT:100px"scrollAmount=2 direction=right height=100><FONT color=#ff00ff><P align=center><FONT face=隶书 color=#0000ff size=5>移动的字</B></FONT></P><P align=center><FONT face=隶书 color=#00ffff size=5>移动的字</FONT></P><P align=center><FONT face=隶书 color=#ff00ff size=5>移动的字</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

 

总说明：scrollAmount=1 移动速度数值，数值越大就越快；

direction="left" 字幕滚动方向，向上(up)，向下(down)，向左(left)，向右(right)。

 

 

三、图片上加静止字幕

 

<TABLE height=300 cellPadding=10 width=500 align=center background=图片.gif地址 border=3 table="0"><TBODY><TR><TD>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>文字</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>文字</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>文字</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>文字？

</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>