长城的博客jsxhscc-163

交流会友的平台赏心悦目的家园

日志

关于我

长城

曾经当过兵,难忘军旅情。宠辱不惊,闲看庭前花开花落。去留无意,漫观天外云卷云舒。

文章分类

特效文字移动全都汇（附代码）

2010-11-25 21:54:16| 分类：素材技巧 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

2

文字移动全都汇

1.阴影滚动字

循环滚动:

欢迎来到蓝天空间

获取代码

<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">欢迎来到蓝天空间</marquee>

来回移动:

欢迎来到蓝天空间

获取代码

<marquee behavior="alternate" scrollamount=2 FONT style="COLOR=3300FF; FILTER: shadow(color=33FFFF ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">欢迎来到蓝天空间</MARQUEE>

2.投射阴影滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>蓝天欢迎你</font></marquee>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior=alternate font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>蓝天欢迎你</font></marquee>

3.发光滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>蓝天欢迎你</B></FONT></marquee>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior=alternate FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>蓝天欢迎你</B></FONT></marquee>

4.若隐若现滚动字

循环滚动:

蓝天欢迎你

获取代码

<MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>蓝天欢迎你</B></FONT></MARQUEE>

来回移动:

蓝天欢迎你

获取代码

<MARQUEE behavior=alternate style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>蓝天欢迎你</B></FONT></MARQUEE>

本代码属性分析:

opacity：设置透明度，取值0至100之间的任意数值，100表示完全不透明；

style：渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变；

width：100%则表示参与渐变的对象的宽度，通常都设置为100%。

5.清晰阴影滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 FONT style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>蓝天欢迎你</B></FONT></marquee>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>蓝天欢迎你</B></FONT></marquee>

6.波纹效果滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷"><B>蓝天欢迎你</B></FONT></marquee>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷"><B>蓝天欢迎你</B></FONT></marquee>

本代码属性分析:

add：波纹型，0或1，0表示将原始对象加入最后效果中，1则反之；
freq：决定显示的频率，即应出现多少个波形；
phrase：决定波形的形状，值取0至360之间；
strength：决定波形的振幅

7.立体滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>蓝天欢迎你</B></FONT></marquee>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>蓝天欢迎你</B></FONT></marquee>

8.金属滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝天欢迎你</B></FONT>

</marquee>

来回移动:

蓝天欢迎你

</marquee>

获取代码

<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝天欢迎你</B></FONT>
</marquee>

9.空心金属滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝天欢迎你</B></marquee>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝天欢迎你</B></marquee>

10.凹凸投影滚动字

循环滚动：

蓝天欢迎你

获取代码

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝天欢迎你</B></FONT></marquee>

来回移动：

蓝天欢迎你

获取代码

<marquee behavior="alternate" scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝天欢迎你</B></FONT></marquee>

11.空心滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝天欢迎你</B></FONT>

来回移动:

蓝天欢迎你

获取代码

<marquee behavior=alternate scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>蓝天欢迎你</B></FONT>

12.毛绒滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center">蓝天欢迎你</SPAN>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior="alternate" SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center">蓝天欢迎你</SPAN>

13.描边中空抛射滚动字

循环滚动:

蓝天欢迎您

获取代码

<marquee scrollamount=3 DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff>蓝天欢迎您</FONT> <BR></DIV>

来回移动:

蓝天欢迎您

获取代码

<marquee scrollamount=3 behavior="alternate" DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff>蓝天欢迎您</FONT> <BR></DIV>

14.投影滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: blur(add=t,direction=135,strength=10); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center">蓝天欢迎你</SPAN>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior="alternate" SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: blur(add=t,direction=135,strength=10); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center">蓝天欢迎你</SPAN>

15.波浪滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 span style="font-size:30pt;display:block;text-align:center;color:darkblue;filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5);height:1">蓝天欢迎你</span>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior="alternate" span style="font-size:30pt;display:block;text-align:center;color:darkblue;filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5);height:1">蓝天欢迎你</span>

16.阴影滚动字

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 span style="font-size:30pt;display:block;text-align:center;color:darkblue;filter:shadow(color=blue);height:1">蓝天欢迎你</span>

来回移动:

蓝天欢迎你

获取代码

<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: shadow(color=blue); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 behavior=alternate span>蓝天欢迎你</SPAN></MARQUEE>

17.重叠文字滚动

循环滚动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 div align="center" style="height:1;font-size:30pt;filter:dropshadow(color=maroon,positive=1);">蓝天欢迎你</div>

来回移动:

蓝天欢迎你

获取代码

<marquee scrollamount=3 behavior=alternate div align="center" style="height:1;font-size:30pt;filter:dropshadow(color=maroon,positive=1);">蓝天欢迎你</div>

18.竖排文字滚动

vior="slide" loop="1" width="480" height=150<

我的心除了你还有谁
可为何却在半路出了轨
我们的爱像潮水
放纵之后化成灰
面对面又如何去面对
我的心除了你不再有谁
却背叛了开在心里的玫瑰
我们的爱像潮水
放纵之后收不回
这辈子来不及向你忏悔

请不要离开我
在这下雨的时候
请不要离开我
当我独自喝醉在街头
请不要离开我
绝不放开你的手
哭的时候让泪往心里流
请不要离开我
在这下雨的时候
请不要离开我
当我独自喝醉在街头
请不要离开我
绝不放开你的手
哭的时候让泪往心里流

<BR></FONT></P></MARQUEE></MARQUEE></DIV

>

获取代码

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=480 height=150>
<MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=480 height=220>
<P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" color=red>我的心除了你还有谁<BR>可为何却在半路出了轨<BR>我们的爱像潮水<BR>放纵之后化成灰<BR>面对面又如何去面对<BR>我的心除了你不再有谁<BR>却背叛了开在心里的玫瑰<BR>我们的爱像潮水<BR>放纵之后收不回<BR>这辈子来不及向你忏悔<BR><BR>请不要离开我<BR>在这下雨的时候 <BR>请不要离开我<BR>当我独自喝醉在街头<BR>请不要离开我<BR>绝不放开你的手<BR>哭的时候让泪往心里流<BR>请不要离开我<BR>在这下雨的时候 <BR>请不要离开我<BR>当我独自喝醉在街头<BR>请不要离开我<BR>绝不放开你的手<BR>哭的时候让泪往心里流<BR></FONT></P></MARQUEE></MARQUEE></DIV

本页代码基本综合属性分析:

color=66FF33 颜色代码 点此获取颜色代码

size=2 更改数值改变字体大小

FONT-SIZE: 30pt 字体大小代码更改数值改变字体大小

FONT-FAMILY: 华文行楷字体代码改变字体描述更改字体

scrollamount=3: 移动速度代码可改变数值来控制文字的滚动速度

behavior="alternate": 来回移动代码

marquee direction=移动方向：向上(up)　向下(down)　向左(left)　向右(right)
behavior=scroll 一圈一圈绕着走　
behavior=slide 只走一次

behavior=alternate 来回走
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee> 停停走走

博主声明	新手入门	博客代码	博客素材	博客技巧	博客装扮
日志装扮	顶栏模板	横竖背景	时钟书架	日志模板	播放器库
生活常识	子女教育			美化教程	美味佳肴

评论这张

转发至微博

阅读(946)| 评论(19)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_094066087087084065086080081095085084082065084084080075087',
              blogTitle:'特效文字移动全都汇（附代码）',
              blogAbstract:'   <TABLE title=\"欢迎朋友光临！如果你对我的日志感兴趣，请点击下方的“推荐”，让更多朋友分享此知识，谢谢了！\"  cellSpacing=\"20\"  width=\"700\"  align=\"center\"  background=\"http://img.bimg.126.net/photo/SO-8SBW_df1ZE3dizvskGw==/1133781206191087137.jpg\"  border=\"0\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <TABLE cellSpacing=\"5\"  borderColorDark=\"#000000\"  cellPadding=\"0\"  align=\"center\"  borderColorLight=\"#530305\"  background=\"http://img383.ph.126.net/t_2BA8U5JbRvoEYqUciRwg==/965740645095320060.gif\"  border=\"1\" \>  <TBODY\>  <TR\>  <TD\>  <TABLE cellSpacing=\"3\"  borderColorDark=\"#000000\"  cellPadding=\"0\"  width=\"100%\"  borderColorLight=\"#530305\"  background=\"http://img.blog.163.com/photo/32uudh8y-wTUc19LZhSmCw==/5081186279581093718.jpg\"  border=\"1\" \>  <TBODY\>  <TR\>  <TD\>  </TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/123202683201010253328712',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1316940925036,
              publishTime:1290693256893,
              permalink:'blog/static/123202683201010253328712',
              commentCount:19,
              mainCommentCount:7,
              recommendCount:3,
              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:'曾经当过兵,难忘军旅情。\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/123202683201010253328712">${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 - 订阅此博客

长城的博客jsxhscc-163

导航

日志

特效文字移动全都汇（附代码）

历史上的今天

最近读者

热度

评论

页脚