OK之家

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

日志

关于我

dyzyb

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

文章分类

移动字幕代码祥解

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

下载LOFTER 我的照片书 |

移动字幕代码祥解

[原创: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之家
六、原地跳动的文字

欢迎光临七、交替跳跃的文字

欢迎光临 OK 之家

八、光晖字代码：

OK之家

九、 OK之家代码：

OK之家

十、OK之家欢迎你代码：

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

http://dyzyb.xinwen365.net/

评论这张

转发至微博

阅读(1161)| 评论(3)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_085070087085081071081094074065086083087075084082083',
              blogTitle:'移动字幕代码祥解',
              blogAbstract:'    <P style=\"TEXT-INDENT: 2em;\"  \> <A rel=\"nofollow\" href=\"http://dyzyb.xinwen365.net/\"  \><IMG src=\"http://img.blog.163.com/photo/ArYsX9EW-GoBCvDQYn1wdw==/2898347835189764349.jpg\"  border=\"0\" \></A\></P\>  <P style=\"TEXT-INDENT: 2em;\"  align=\"center\" \><FONT color=\"#0000ff\" size=\"4\" \><STRONG\>移动字幕代码祥解</STRONG\></FONT\></P\><FONT color=\"#0000ff\" size=\"4\" \>  <P style=\"TEXT-INDENT: 2em;\"  align=\"center\" \><FONT color=\"#0000ff\" \>[原创:OK之家]</FONT\></P\>  <P style=\"TEXT-INDENT: 2em;\"  align=\"center\" \><B\><FONT color=\"#0000ff\" \><U\>http://dyzyb.xinwen365.net/</U\></FONT\></B\></P\>  <P style=\"TEXT-INDENT: 2em;\"  align=\"center\" \><A href=\"http://dyzyb001.blog.163.com/\"  \><FONT color=\"#0000ff\" \>http://dyzyb001.blog.163.com/</FONT\></A\> </P\>  <P style=\"TEXT-INDENT: 2em;\"  \></P\></FONT\>       代码的功能非常强大，通过各种代码的组合，可以产生千变万化的效果，滚动字幕就是其中最神奇的一项。我的网页标题栏和',
              blogTag:'',
              blogUrl:'blog/static/22568045200721511378184',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1316845112055,
              publishTime:1173929828184,
              permalink:'blog/static/22568045200721511378184',
              commentCount:3,
              mainCommentCount:3,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/22568045200721511378184">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

OK之家

导航

日志

移动字幕代码祥解

历史上的今天

最近读者

热度

评论

页脚