蓝梦的博客

吸取知识传播知识让知识充实生活的每一天

日志

关于我

蓝梦

自幼与贫穷为伴,六岁开始学习针线,十岁已经承担家务大半。好不容易进了学校大门,盼到小学毕业。由于生活所迫,只好忍痛离校。又被上山下乡运动抛上了戈壁沙滩。十五年间饱偿了人间疾苦,磨灭理想,透支了健康,也燃尽了青春热能。只有学习的欲望还时隐时现。随着返城大潮,我又回到了故乡,知识的贫乏、生活的重压、疾病的纠缠、琐事的烦恼。重新起步,谈何容易。现在孩子虽已长大,但我依然难以摆脱困境。可喜偏瘫了两年的我,又能行动自如了,我要把有限的时间溶入这网络的大家庭。

文章分类

引用走动字幕及代码

2009-01-07 19:15:58| 分类：代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

q147376645.blog.16 的走动字幕及代码
建立走动动代码：
<marquee width="300" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">欢迎你光临
代码注解：
①scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
②width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
③direction。表示滚动的方向，默认为从右向左：←←←。
可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓
④scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
⑤behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动

1、向左移动的文字:(不设走动方向默认向左走）
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 20px" scrollAmount=3><P align=center><FONT face=隶书color=#ffff00 size=5><B>向左移动的文字</B></FONT></P><DIV></DIV></DIV>

向左移动的文字

2、向右移动的文字OK
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 20px" scrollAmount=10 direction=right><FONT face=隶书 color=#ffff00 size=6><B>向右移动的文字</B></FONT></MARQUEE></P>

向右移动的文字

3、多行文本向上滚动代码：
<P align=center><MARQUEE scrollAmount=2 direction=up width=300 height=80><P align=center><FONT face=隶书 color=#ffff00 size=5><B>祝愿朋友<BR>天天快乐<BR></B></FONT></P></MARQUEE></P>

祝愿朋友
天天快乐

4、向下移动的文字
<DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 50px" scrollAmount=5 direction=down>
<P align=center><FONT face=隶书 color=#ffff00 size=6><B>向下移动的文字</B></FONT></MARQUEE></DIV>

向下移动的文字

5、交替效果代码:
<P align=center><MARQUEE scrollAmount=2 behavior=alternate width=300><FONT face=隶书 color=#ffff00 size=6>欢迎你光临</FONT></MARQUEE>

欢迎你光临

6、给滚动字幕加超链接代码：
<P align=center><MARQUEE scrollAmount=2 width=450><A href="http://q147376645.blog.163.com/"><FONT face=隶书 color=#ffff00 size=6>欢迎你光临流星港湾</A></FONT></MARQUEE></P>

欢迎你光临流星港湾

7、原地跳动的文字:OK
<CENTER>
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff size=6>
<MARQUEE direction=up behavior=alternate width=50 height=80>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80>
<CENTER><B>地</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=80></MARQUEE></FONT></CENTER>
<TBODY></TBODY></TABLE>
原地跳动

8、交替跳跃的文字:OK
<CENTER><FONT style="FONT-SIZE: 20pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 100%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=50 height=120>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50>
<CENTER><B>替</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=120>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50 height=120>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=50>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>
交替跳跃文字

9、模糊的背景字
<CENTER><CENTER><FONT style="FONT-SIZE: 20pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=140>
<CENTER><B>模</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=80>
<CENTER><B>糊</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=140>
<CENTER><B>背</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=80>
<CENTER><B>景</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=140>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>
模糊背景字

10、穿梭的文字
<CENTER>
<MARQUEE scrollAmount=1 width=60 height=60 align="center" scrolldely="15"><B><FONT style=" FONT-SIZE: 30pt; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>月    月</FONT></B></MARQUEE><STRONG><IMG style="WIDTH: 100px; HEIGHT: 110px" height=110 src="http://img.blog.163.com/photo/kC9CFQJDE42rARQ2c1BCpw==/436004738924918303.jpg" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>光    光</FONT></B></MARQUEE><STRONG><IMG style="WIDTH: 100px; HEIGHT: 110px" height=110 src="http://img.blog.163.com/photo/AUDCWXhypeAQ_3-MqQf34Q==/4820821926123514641.jpg" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; FONT-VARIANT: normal" face=华文琥珀 color=#7cfc00 size=6>美    美</FONT></B></MARQUEE><STRONG><IMG style="WIDTH: 100px; HEIGHT: 110px" height=110 src="http://img.blog.163.com/photo/4bVTO0r8BlDXvr5f4b3SQA==/423901314926360425.jpg" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=60 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; FONT-VARIANT: normal" face=华文琥珀 color=#ffff00 size=6>人    人</FONT></B></MARQUEE><STRONG></STRONG></CENTER></STRONG>
月月 光光 美美 人人

11、中间向两边移动文字和图像:

<P align=center><FONT face=方正姚体 color=#ffff00 size=7>
<MARQUEE scrollAmount=3 width=200 height=80><IMG onmousewheel="return bbimg(this)" style=" CURSOR: pointer" src="http://img.blog.163.com/photo/4bVTO0r8BlDXvr5f4b3SQA==/423901314926360425.jpg"> 中间向两边走文字和图像 <IMG onmousewheel="return bbi(this)" style="CURSOR: pointer" src="http://img.blog.163.com/photo/kC9CFQJDE42rARQ2c1BCpw==/436004738924918303.jpg"></FONT></MARQUEE><FONT face=方正姚体 color=#ffffff size=7>
<MARQUEE scrollAmount=3 direction=right width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="http://img.blog.163.com/photo/AUDCWXhypeAQ_3-MqQf34Q==/4820821926123514641.jpg">由中间向两边走文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="http://img.blog.163.com/photo/1eLa3FyCScijigAyxTtdng==/422493940042808234.jpg"></MARQUEE></FONT></MARQUEE></FONT></FONT></P></FONT>

引用走动字幕及代码 - 蓝梦 - 蓝梦的博客中间向两边走文字和图像由中间向两边走文字和图像

12、左右运动的文字：
<DIV align=center>
<MARQUEE direction=right width=250 height=10><FONT face=隶书 color=#00ff00 size=6>祝朋友幸福</FONT></MARQUEE></DIV>
<DIV align=center>
<MARQUEE width=250 height=10><FONT face=隶书 color=#ffff00 size=6>快乐每一天</FONT></MARQUEE></DIV>

祝朋友幸福

快乐每一天

13、波浪式的文字
<P align=center></P>
<MARQUEE scrollAmount=4 direction=up behavior=alternate height=250>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460><IMG style=" HEIGHT: 61px" height=106 src="http://img.blog.163.com/photo/UDuJaJZVBIkq0T2iEmWUdw==/430375239390706973.jpg" width=90><BR>       <FONT face=隶书 color=#ffff00 size=5>我爱你</FONT><DIV></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

我爱你

14、上下跳动代码：OK
<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=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 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>
祝大家永远幸福

15、中间向上下移动语法：
<DIV align=center>
<MARQUEE scrollAmount=3 direction=up width=110><IMG style=" HEIGHT: 128px" height=128 src="http://img.blog.163.com/photo/4bVTO0r8BlDXvr5f4b3SQA==/423901314926360425.jpg" width=110>
<CENTER>
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff size=5>月光美人</CENTER></FONT></TABLE></MARQUEE></DIV>
<MARQUEE scrollAmount=3 direction=down>
<CENTER>
<DIV style="FILTER: flipv; WIDTH: 110px"><IMG style="WIDTH: 110px; HEIGHT: 128px" height=128 src="http://img.blog.163.com/photo/4bVTO0r8BlDXvr5f4b3SQA==/423901314926360425.jpg" width=110>
<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff size=5>月光美人 </CENTER></FONT></TABLE></DIV></MARQUEE>
15、中间向上下移动语法：

月光美人

16、左向右上下起伏飞翔， height=200 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好OK
<MARQUEE direction=right behavior=alternate>
<CENTER>
<MARQUEE direction=up behavior=alternate width=600 height=300><FONT face=华文行楷 color=#ffff00 size=6><B>!去回快</B></FONT><BR>
<CENTER><IMG style=" HEIGHT: 69px" height=69 src="http://img.blog.163.com/photo/3ypL-V-xLvYagp_RCyI7KQ==/1450722029966827152.jpg" width=164><IMG src="http://www.zzi.cc/sck/gif/wp5/h-red.gif"><IMG style="WIDTH: 107px; HEIGHT: 92px" height=338 src="http://img.blog.163.com/photo/YQc9jgFaPbeOmr5yqbOQMQ==/1450722029966827121.jpg" width=298></CENTER>
<CENTER></CENTER></MARQUEE><BR></CENTER></MARQUEE>
!去回快
引用走动字幕及代码 - 蓝梦 - 蓝梦的博客

17、右向左上下起伏飞翔，height=100 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好OK
<MARQUEE>
<MARQUEE direction=up behavior=alternate height=200><IMG src="http://www.zzi.cc/sck/gif/wp5/h-red.gif"><IMG style=" HEIGHT: 126px" height=223 src="http://img.blog.163.com/photo/OQSqibgMw6KQnWMUW7yEFw==/422493940042808230.jpg" width=300><FONT face=华文行楷 color=#ffff00 size=6>我在追心</B></FONT></MARQUEE></MARQUEE>
引用走动字幕及代码 - 蓝梦 - 蓝梦的博客

我在追心

评论这张

转发至微博

阅读(323)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_085068085083085064084082086095085086080071085081087074080',
              blogTitle:'引用 走动字幕及代码',
              blogAbstract:'<P\><EM\>引用</EM\></P\>  <BLOCKQUOTE\><A target=\"_blank\" href=\"http://q147376645.popo.blog.163.com/\" \>q147376645.blog.16</A\> 的 <A target=\"_blank\" href=\"http://q147376645.popo.blog.163.com/blog/static/251702192007323112026772\" \>走动字幕及代码</A\><BR\>建立走动动代码：<BR\><marquee width=\"300\" height=\"100\" direction=\"right\" behavior=\"alternate\" scrollamount=\"6\" scrolldelay=\"88\">欢迎你光临<BR\>代码注解：<BR\>①scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。</BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/10141719420090771558556',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1317413388470,
              publishTime:1231326958556,
              permalink:'blog/static/10141719420090771558556',
              commentCount:0,
              mainCommentCount:0,
              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:'自幼与贫穷为伴,六岁开始学习针线,十岁已经承担家务大半。好不容易进了学校大门,盼到小学毕业。由于生活所迫,只好忍痛离校。又被上山下乡运动抛上了戈壁沙滩。十五年间饱偿了人间疾苦,磨灭理想,透支了健康,也燃尽了青春热能。只有学习的欲望还时隐时现。\r\n    随着返城大潮,我又回到了故乡,知识的贫乏、生活的重压、疾病的纠缠、琐事的烦恼。重新起步,谈何容易。\r\n    现在孩子虽已长大,但我依然难以摆脱困境。\r\n    可喜偏瘫了两年的我,又能行动自如了,我要把有限的时间溶入这网络的大家庭。',
              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/10141719420090771558556">${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 - 订阅此博客

蓝梦的博客

导航

日志

引用走动字幕及代码

历史上的今天

最近读者

热度

评论

页脚

蓝梦的博客

导航

日志

引用 走动字幕及代码

历史上的今天

最近读者

热度

评论

页脚

引用走动字幕及代码