移动字幕代码祥解
[原创:OK之家]
http://dyzyb.xinwen365.net/
代码的功能非常强大,通过各种代码的组合,可以产生千变万化的效果,滚动字幕就是其中最神奇的一项。我的网页标题栏和博客的“欢迎光临”自定义,就是用GIF图片与滚动字幕组合而成,这在所见所得编辑模式下几乎是不可能的,即使用Flash MX 2004软件来制作,也要费很大功夫,用代码编辑却非常简单。首先介绍一些基本代码。除换行符<BR>等极少数代码外,绝大多数代码,只要有开头的<>,就要有结尾的</>,如行的代码开头是<tr> ,结尾是</tr>,中间添上这一行要显现的内容。
1)字体加粗:<b>文字内容</b>
2)字体斜体:<i>文字内容</i>
3)字体下划线: <u>文字内容</u>
4)换行:<br>
5)段落:<p>段落</p>
6)字体:<FONT size=6 color=#ff0000 face=华文新魏>文字内容</FONT>:
其中:size=是字号,不写默认是3号字;color=是顏色,后面写上顏色的代码或直接写上顏色的英文单词,不写默认是黄色;face=是字体的汉字名称,不写默认是宋体;使用一种默认,会影响到其他。
7)字体运动方向:
direction=up(up是向上, down是向下,right是从左往右,Left和alternate是从右往左,不写为默认是从右往左)
8)对齐:
align=center(center是居中,Right是右对齐,Left和alternate是左对齐,不写为默认是左对齐)
一、彩色字体
</font><br><P align=center><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>彩</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体<br></FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></P>
说明:
1、</font><br>是文字换行,也就是上面空出一行;
2、<P align=center><FONT size=6><FONT face=华文新魏>是指所有的文字都是居中对齐,字体是6号华文新魏;
3、<FONT color=#ff0000>彩</FONT>是指“彩”这个字是红色的,#ff0000可以直接写成红色的英文单词“red”;
4、后面都一样,是指“色字体色彩绚丽”这几个字的不同顏色。
彩色字体 二、向上运动字幕
色彩 绚丽
<marquee scrollamount=1 scrolldelay=77 direction=up> <P align=center><FONT color=#FFOOOO face=黑体 size=3><b>欢迎光临OK之家</b></FONT></P></marquee>
说明:
1、<marquee和</marquee>是开头和结尾;
2、scrollamount=1 scrolldelay=77都是指运动的速度;
3、direction=up指运动方向是向上;可以改为=down是向下;=right是从左往右,=Left或=alternate是从右往左;
4、align=center是说文字是居中的;
5、<FONT color=#FFOOOO face=黑体size=3><b>欢迎光临OK之家</b></FONT>是指“欢迎光临OK之家”的文字是加粗的红色3号黑体。
三、由中间向两边移动的文字
<P align=center><FONT face=华文彩云 color=#ee110e size=5><MARQUEE width=200 height=50>向两边移动</FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5><MARQUEE direction=right width=200 height=50>向两边移动</FONT></MARQUEE></FONT></FONT></P></FONT>
说明:
1、<P align=center>是指文字居中,也就是从中间开始;
2、<FONT face=华文彩云 color=#ee110e size=5>是指文字的字体、顏色、字号;
3、<MARQUEE width=200 height=50>文字由中间向两边移动</FONT></MARQUEE>是指“文字由中间向两边移动”这几个字的运动方向是默认从右往左(其实是<MARQUEE direction=right width=200 height=50>文字由中间向两边移动</FONT></MARQUEE>,省略了其中的direction=right);
4、后面的意思是一样的,只是从左往右而已。
以下的比较复杂,你自己去揣摩吧。
四、来回走动的文字
</font><br><P align=center> </P><P align=center><TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?><P align=center><FONT face=隶书 color=#ff0000 size=6><B>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>
五、波浪式的文字
</font><br><P align=center> </P><MARQUEE scrollAmount=5 direction=up behavior=alternate height=150><DIV align=center><MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src=""><DIV align=center><FONT face=隶书 color=red size=7>欢迎光临OK之家</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>
六、原地跳动的文字
<DIV></DIV></B><CENTER><FONT style="FONT-SIZE: 20pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><MARQUEE direction=up behavior=alternate width=60 height=120><CENTER><B>欢</B></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120><CENTER><B>迎</B></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120><CENTER><B>光</B></CENTER></MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120><CENTER><B>临</B></CENTER></MARQUEE></B></CENTER></MARQUEE></FONT></CENTER>
<CENTER><FONT face=隶书 color=red size=25><MARQUEE direction=up behavior=alternate width=60 height=120>欢</MARQUEE><FONT color=yellow><MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><FONT color=brown><MARQUEE direction=up behavior=alternate width=60 height=120>光</MARQUEE><FONT color=green><MARQUEE direction=up behavior=alternate width=60 height=80>临</MARQUEE><FONT color=blue><MARQUEE direction=up behavior=alternate width=60 height=120>OK</MARQUEE><FONT color=yellow><MARQUEE direction=up behavior=alternate width=60 height=80>之</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT></FONT></FONT></FONT></FONT>
<DIV style="FILTER: shadow(color=#c299ff, strength=8); WIDTH: 309px; height:55px" align="center"> <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#fff000>OK之家</FONT> <BR></DIV>
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: green; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>OK之家</B></FONT><BR></DIV>
OK之家 十、OK之家欢迎你代码:
<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif border=5><TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 30pt" face=隶书 color=#336699><B><BR>OK之家<BR><BR><BR>欢迎你<BR></B></FONT></TD></TR></TBODY></TABLE><BR><BR>
OK之家 欢迎你 |
<TABLE height=400 width=450 align=center background=
http://img.blog.163.com/photo/sm3-Q9_pmNrTuspjkRysmw==/5120311301344005640.jpg ><TD><P align=center><MARQUEE scrollAmount=3 direction=up><P align=center><FONT face=隶书 color=#ffff00 size=8>欢迎光临<P><P align=center>OK 之 家</FONT></P></TD></TABLE>
欢迎光临 OK 之 家 |
<TABLE height=400 width=600 align=center background=http://img.blog.163.com/photo/YjxYbsBjeRhl_N1z4t4F6g==/3392617894293997477.jpg ><TD><TABLE borderColor=#228b22 borderColorDark=#00ced1 width=500 align=center border=1><TBODY><TR><TD><MARQUEE scrollAmount=3 direction=down behavior=alternate height=200><MARQUEE style="WIDTH: 738px; HEIGHT: 139px" scrollAmount=3 behavior=alternate width=500><P align=center><P align=center><P align=center><P align=center><IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif"> <FONT face=楷体_GB2312 color=#7fff00 size=6><STRONG>欢迎光临OK之家</STRONG></FONT><FONT face=华文行楷 color=#800080 size=30><STRONG> </STRONG><BR><P align=center><STRONG></STRONG><P align=center><STRONG><P align=center><P align=center><IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif"> <A href="http://dyzyb.xinwen365.net/ " target=_blank><FONT face=楷体_GB2312 color=RED size=5>http://dyzyb.xinwen365.net/</FONT></A></STRONG></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY>
|
评论