博客實用代碼彙編(五)滾動字幕

一、一般式滾動字幕

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>


推薦閱讀:

分支集成加速器Light Merge在攜程的應用
ASP 三十二條精華代碼
左欄書架製作代碼
圖加文字代碼

TAG:代碼 | 字幕 | 博客 | 實用 |