登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

OK之家

原创心得 仅供交流 欢迎交友

 
 
 

日志

 
 
关于我

本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.

移动字幕代码祥解  

2007-03-15 11:37:08|  分类: 博客网页技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

 移动字幕代码祥解 - ok -         OK之家

移动字幕代码祥解

[原创:OK之家]

http://dyzyb.xinwen365.net/

http://dyzyb001.blog.163.com/

       代码的功能非常强大,通过各种代码的组合,可以产生千变万化的效果,滚动字幕就是其中最神奇的一项。我的网页标题栏和博客的“欢迎光临”自定义,就是用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号黑体。

欢迎光临OK之家

三、由中间向两边移动的文字

<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>


 
欢迎光临OK之家
六、原地跳动的文字

<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>

OK

八、光晖字代码:

<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>

OK之家
九、 OK之家代码:

<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 之 家

十二、 欢迎光临  http://dyzyb001.blog.163.com/ 代码: 

<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>

移动字幕代码祥解 - ok -         OK之家 欢迎光临OK之家

移动字幕代码祥解 - ok -         OK之家 http://dyzyb.xinwen365.net/

  评论这张
 
阅读(1161)| 评论(3)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018