网易博客素材、教程、代码基地

请引用的朋友，不要删除链接，谢谢合作

日志

关于我

佳人素材教程基地

和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。

文章分类

【博客知识】滚动文字*字体特效代码（全集）

2012-01-11 13:50:14| 分类：【字体教程】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自雁飞墨行《【博客知识】滚动文字*字体特效代码（全集）》

收集了几天，终于把滚动文字*字体特效差不多收集完了，这里与大家一同分享，期待您的博客越做越漂亮！感谢您的光临！

1.阴影滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 方正细珊瑚简体; FONT-SIZE: 30pt; WIDTH: 100%">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</marquee>

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee behavior="alternate" scrollamount=2 FONT style="COLOR=3300FF; FILTER: shadow(color=33FFFF ); FONT-FAMILY: 方正大黑简体; FONT-SIZE: 30pt; WIDTH: 100%">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE>

2.投射阴影滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<MARQUEE style="FONT-SIZE: 30pt; FILTER: Shadow(color=#0055ff,direction=135); HEIGHT: 10pt" scrollAmount=3 font face="方正综艺简体" color="#009900">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE></MARQUEE>

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 behavior=alternate font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</marquee>

3.发光滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</marquee>

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 behavior=alternate FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</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>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</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>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</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: 华文行楷">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</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: 华文行楷">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</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: 华文行楷">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</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: 华文行楷">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</marquee>

本代码属性分析:

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

7.立体滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 97.71%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书; HEIGHT: 58px" scrollAmount=3 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: 隶书">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</marquee>

8.金属滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临雁飞墨行博客，雁飞墨行欢迎您
</marquee>

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
<MARQUEE style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 98.63%; COLOR: #FF00FF; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 57px" scrollAmount=3 behavior=alternate FONT>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE>

9.空心金属滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</marquee>

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码

<MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #9932CC; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=3 behavior=alternate FONT>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE>

10.凹凸投影滚动字

循环滚动：
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码：

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</marquee>

来回移动：
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码：

<marquee behavior="alternate" scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临雁飞墨行博客，雁飞墨行欢迎您</marquee>

11.空心滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临雁飞墨行博客，雁飞墨行欢迎您

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee behavior=alternate scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎光临雁飞墨行博客，雁飞墨行欢迎您

12.毛绒滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 SPAN>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE>

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<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">欢迎光临雁飞墨行博客，雁飞墨行欢迎您

13.描边中空抛射滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您

代码:

<marquee scrollamount=3 DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px">欢迎光临雁飞墨行博客，雁飞墨行欢迎您 </DIV>

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 behavior="alternate" DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px">欢迎光临雁飞墨行博客，雁飞墨行欢迎您 </DIV>

14.投影滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: blur(add=t,direction=135,strength=10); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 SPAN>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE>

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: blur(add=t,direction=135,strength=10); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 behavior=alternate SPAN>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE>

15.波浪滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码

<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: wave(add=t,freq=3,lightstrength=3,phase=0,strength=5); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 span>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE>

欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: wave(add=t,freq=5,lightstrength=5,phase=0,strength=5); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 behavior=alternate span>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE>

16.阴影滚动字

循环滚动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<marquee scrollamount=3 span style="font-size:30pt;display:block;text-align:center;color:darkblue;filter:shadow(color=blue);height:1">欢迎光临雁飞墨行博客，雁飞墨行欢迎您

来回移动:
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
代码:

<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: shadow(color=blue); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 behavior=alternate 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.竖排文字滚动

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

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

代码:

<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>
我的心除了你还有谁 可为何却在半路出了轨 我们的爱像潮水 放纵之后化成灰 面对面又如何去面对 我的心除了你不再有谁 却背叛了开在心里的玫瑰 我们的爱像潮水 放纵之后收不回 这辈子来不及向你忏悔 请不要离开我 在这下雨的时候 请不要离开我 当我独自喝醉在街头 请不要离开我 绝不放开你的手 哭的时候让泪往心里流 请不要离开我 在这下雨的时候 请不要离开我 当我独自喝醉在街头 请不要离开我 绝不放开你的手 哭的时候让泪往心里流 </MARQUEE></MARQUEE></DIV>

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

雁飞墨行欢迎您雁飞墨行欢迎您

雁飞墨行欢迎您雁飞墨行欢迎您

代码：


<MARQUEE width=200 height=50>雁飞墨行欢迎您 </MARQUEE></MARQUEE>
<MARQUEE direction=right width=200 height=50>雁飞墨行欢迎您</MARQUEE></MARQUEE>
 

<MARQUEE width=200 height=50>雁飞墨行欢迎您 </MARQUEE></MARQUEE>
<MARQUEE direction=right width=200 height=50>雁飞墨行欢迎您</MARQUEE>

20. 左右运动的文字：

欢迎光临雁飞墨行博客

欢迎光临雁飞墨行博客

代码



<MARQUEE direction=right width=400 height=20>
<DIV align=left></DIV>
欢迎光临雁飞墨行博客
<DIV align=left></DIV></MARQUEE>

<MARQUEE width=400 height=20>
<DIV align=left></DIV>
欢迎光临雁飞墨行博客
<DIV align=left></DIV></MARQUEE>
21、由上下向中间移动的字体：

欢迎光临雁飞墨行博客


欢迎光临雁飞墨行博客

代码


<MARQUEE style="WIDTH: 661px; HEIGHT: 52px" scrollAmount=2 direction=down height=52>
欢迎光临雁飞墨行博客</MARQUEE>
<DIV align=center>        
<MARQUEE style="WIDTH: 695px; HEIGHT: 52px" scrollAmount=2 direction=up height=52>
欢迎光临雁飞墨行博客</MARQUEE></DIV>
22. 波浪字：波浪字波浪字雁飞墨行欢迎您
波浪字波浪字雁飞墨行欢迎您
代码

<MARQUEE style="FILTER: wave(add=0,phase=2, freq=2,strength=10,color=.FFFFFF)" scrollAmount=2 scrollDelay=70 direction=up behavior=alternate height=120>
<CENTER>波浪字波浪字雁飞墨行欢迎您 波浪字波浪字雁飞墨行欢迎您</CENTER></MARQUEE>
23、向上移动的文字

向上移动的文字雁飞墨行欢迎您

向上移动的文字雁飞墨行欢迎您

向上移动的文字雁飞墨行欢迎您

向上移动的文字雁飞墨行欢迎您

代码

<DIV align=center> </DIV>
<DIV align=center>
<MARQUEE style="WIDTH: 500px; HEIGHT: 100px" scrollAmount=3 direction=up>
<DIV align=left>
向上移动的文字雁飞墨行欢迎您 

向上移动的文字雁飞墨行欢迎您
 
向上移动的文字雁飞墨行欢迎您 
向上移动的文字雁飞墨行欢迎您</DIV></MARQUEE></DIV>
24、向下移动的文字

向下移动的文字雁飞墨行欢迎您

向下移动的文字雁飞墨行欢迎您

向下移动的文字雁飞墨行欢迎您

向下移动的文字雁飞墨行欢迎您

代码

<DIV align=center>
<MARQUEE style="WIDTH: 500px; HEIGHT: 100px" scrollAmount=3 direction=down>
<DIV align=left>
向下移动的文字雁飞墨行欢迎您 

向下移动的文字雁飞墨行欢迎您
 
向下移动的文字雁飞墨行欢迎您 
向下移动的文字雁飞墨行欢迎您</DIV></MARQUEE></DIV>
25、在图片上飞越的字

淡淡的想念

代码

<TABLE borderColor=#ffffff height=404 width=600 align=center border=3>
<TBODY>
<TR>
<TD background=http://img120.ph.126.net/mOhZ7wyW_JMvxbnaNcxzwg==/1994531684972844886.jpg>
<MARQUEE scrollAmount=2 direction=down behavior=alternate height=404>
<MARQUEE scrollAmount=2 behavior=alternate width=600>淡淡的想念</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
 
26、逐渐上升字体
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您

代码

<MARQUEE scrollAmount=10 direction=up height=229>
<MARQUEE scrollAmount=10 direction=down height=229>
<DIV align=center>欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 
</DIV></MARQUEE></MARQUEE>

27、逐渐下降字体

欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您
欢迎光临雁飞墨行博客，雁飞墨行欢迎您

代码

<MARQUEE scrollAmount=10 direction=down height=229>
<MARQUEE scrollAmount=10 direction=up height=229>
<DIV align=center>欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 欢迎光临雁飞墨行博客，雁飞墨行欢迎您 
</DIV></MARQUEE></MARQUEE>
28、抛射字体

雁飞墨行欢迎您!

代码

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF3322
, strength=80); WIDTH: 520px; HEIGHT: 140px">
<CENTER>雁飞墨行欢迎您!</CENTER>
<DIV align=left> </DIV></DIV></DIV>
29、原地跳动文字
原地跳动文字
代码

<DIV></DIV>
<CENTER>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>原</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>地</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>跳</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>动</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>文</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>字</CENTER></MARQUEE></CENTER>
30、图片上竖排渐出字

我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁

燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行

代码

<DIV></DIV>
<TABLE borderColor=#ffffff height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=http://img.ph.126.net/uOwknFV5cOXLFzHEsLibfw==/3297479352165803974.jpg>
<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
我带着远古的心愿 你怀揣前世的祈盼 我饱含如许的虔诚 你浸润最深的期待 我们跨越万水千山 赴今世的约定... 你感觉我深情凝眸的甜柔 我倾听你心室澎湃的跳动 白云轻盈飘荡 星月神秘闪烁 燃烧的篝火旁 我们席地而坐 倾诉不尽的相思 燃烧的火焰是不灭的炙热 让我们一起出发 背上快乐的行囊 携着一路的欢唱 踏着灿烂的芬芳 望--天上云卷霞飞 看--地下小桥流水 拥--郁郁山川入怀 枕--簇簇波浪入眠 把--忧烦抛在身后 让--愉悦洒满诗行 </MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE>
31、文字在图片上向上移动

我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁

燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行

代码

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">
 
<TABLE height=400 cellSpacing=0 cellPadding=0 width=580 align=center background=http://img74.ph.126.net/NN_WAjdEb72OELgqPIJQ4A==/1853512721641575155.jpg border=3>
<TBODY>
<TR>
<TD>

<MARQUEE scrollAmount=3 direction=up>
我带着远古的心愿 你怀揣前世的祈盼 我饱含如许的虔诚 你浸润最深的期待 我们跨越万水千山 赴今世的约定... 你感觉我深情凝眸的甜柔 我倾听你心室澎湃的跳动 白云轻盈飘荡 星月神秘闪烁 燃烧的篝火旁 我们席地而坐 倾诉不尽的相思 燃烧的火焰是不灭的炙热 让我们一起出发 背上快乐的行囊 携着一路的欢唱 踏着灿烂的芬芳 望--天上云卷霞飞 看--地下小桥流水 拥--郁郁山川入怀 枕--簇簇波浪入眠 把--忧烦抛在身后 让--愉悦洒满诗行
</MARQUEE></TD></TR></TBODY></TABLE></DIV>
32、文字跳舞

文

字

跳

舞

代码


<MARQUEE scrollAmount=8 direction=right behavior=alternate>
<MARQUEE direction=up behavior=alternate width=80 height=120>文</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=100>字
</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=120>跳
</MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=100>舞
</MARQUEE></MARQUEE>

33、彩底字上移：

雁飞墨行欢迎您的光临

代码

<MARQUEE style="WIDTH: 746px; HEIGHT: 203px" direction=up>
<TABLE cellSpacing=0 cellPadding=0 align=center background=http://znrs.2000y.net/UploadFile/2004-5/2004510115258900.jpg>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=red>
<TBODY>
<TR>
<TD align=middle>雁飞墨行欢迎您的光临</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></MARQUEE>

34、边框射影字：

雁飞墨行欢迎您的光临！

代码

<TABLE style="BORDER-RIGHT: #ff0000 8px ridge; BORDER-TOP: #ff0000 8px ridge; BORDER-LEFT: #ff0000 8px ridge; WIDTH: 398px; BORDER-BOTTOM: #ff0000 8px ridge; HEIGHT: 71px; BACKGROUND-COLOR: #220000" cellSpacing=0 align=center>
<TBODY>
<TR>
<TD>
<MARQUEE style="WIDTH: 379px" scrollAmount=7 DIV>雁飞墨行欢迎您的光临！</MARQUEE></TD></TR></TBODY></TABLE>

35、扭舞移动特效

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

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

想您，
是我无语的表白;
爱您是我祝福的千言，
用心陪伴是我不变的诺言BR>
想您，
是我无语的表白;
爱您是我祝福的千言，
用心陪伴是我不变的诺言！

代码

<MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=15,color=.000000); WIDTH: 714px; HEIGHT: 200px" scrollAmount=2 scrollDelay=65 direction=up beha>
<CENTER>请不要离开我 我的心除了你还有谁 可为何却在半路出了轨 我们的爱像潮水 放纵之后化成灰 面对面又如何去面对 我的心除了你不再有谁 却背叛了开在心里的玫瑰 我们的爱像潮水 放纵之后收不回 这辈子来不及向你忏悔 请不要离开我 在这下雨的时候 请不要离开我 当我独自喝醉在街头 请不要离开我 绝不放开你的手 哭的时候让泪往心里流 请不要离开我 在这下雨的时候 请不要离开我 当我独自喝醉在街头 请不要离开我 绝不放开你的手 哭的时候让泪往心里流 想您， 是我无语的表白; 爱您是我祝福的千言， 用心陪伴是我不变的诺言BR> 想您， 是我无语的表白; 爱您是我祝福的千言， 用心陪伴是我不变的诺言！</CENTER></MARQUEE>

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

color=66FF33 颜色代码 可参见颜色代码大全更改颜色

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

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

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

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

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

使用提示：选择您喜欢或需要的文字形式，复制代码，更改文字内容，在调节相应位置更改字体（字体名称）、颜色（颜色代码）和调节（更改数字）字的大小、速度即可。

评论这张

转发至微博

阅读(531)| 评论(5)

历史上的今天

this.p={ m:2,
 b:2,
 loftPermalink:'',
 id:'fks_087067082094080064083085085070072087088068087087087066082086',
 blogTitle:'【博客知识】滚动文字*字体特效代码（全集）',
 blogAbstract:' <BLOCKQUOTE\> <P\>收集了几天，终于把滚动文字*字体特效差不多收集完了，这里与大家一同分享，期待您的博客越做越漂亮！感谢您的光临！</FONT\></P\> <P\></FONT\> </P\> <P\>1.阴影滚动字</FONT\></P\> <P\><STRONG\>循环滚动:</STRONG\></FONT\></P\> <MARQUEE style=\"FONT-SIZE: 30pt; FILTER: shadow(color=FFFF33 ); WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: 方正细珊瑚简体;\" scrollAmount=\"3\" FONT\>欢迎光临雁飞墨行博客，雁飞墨行欢迎您</MARQUEE\> <P\><STRONG\>代码:</STRONG\></FONT\></P\> <P\><marquee scrollamount=3 FONT style=\"COLOR=FF0000; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 方正细珊瑚简体; FONT-SIZE: 30pt; WIDTH: 100%\"></P\></BLOCKQUOTE\>',
 blogTag:'',
 blogUrl:'blog/static/197311160201201115014980',
 isPublished:1,
 istop:false,
 type:2,
 modifyTime:0,
 publishTime:1326261014980,
 permalink:'blog/static/197311160201201115014980',
 commentCount:5,
 mainCommentCount:5,
 recommendCount:1,
 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"> </a>
 {elseif x.moveFrom=='iphone'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='android'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='mobile'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"> </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}

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

推荐过这篇日志的人：
 <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}
 他们还推荐了：
 <ul>
 {list b as y}
 {if !!y}
 <li class="rrb">·<a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/197311160201201115014980">${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 - 订阅此博客

网易博客素材、教程、代码基地

导航

日志

【博客知识】滚动文字*字体特效代码（全集）

历史上的今天

最近读者

热度

评论

页脚