滚动字幕特效大全

nvercongming

浏览: 1111681 次

最近访客更多访客>>

potyzhang

BeyondPC

u012363178

jackuhan

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1477)

社区版块

存档分类

2012-04 ( 2)
2011-12 ( 130)
2011-11 ( 350)
更多存档...

1.阴影滚动字

循环滚动:
<marquee style="">欢迎来到小海空间</marquee>
代码:

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

来回移动:
<marquee style="">欢迎来到小海空间</marquee>
代码:

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

2.投射阴影滚动字

循环滚动:
<marquee color="#009900" face="隶书" style="">小海欢迎你</marquee>
代码:

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

来回移动:
<marquee color="#009900" face="隶书" style="">小海欢迎你</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 style="">小海欢迎你</marquee>
代码:

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

来回移动:
<marquee style="">小海欢迎你</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="">小海欢迎你</marquee>
代码:

<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 style="">小海欢迎你</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 style="">小海欢迎你</marquee>
代码:

<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 style="">小海欢迎你</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 style="">小海欢迎你</marquee>
代码:

<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 style="">小海欢迎你</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="">小海欢迎你</marquee>
代码:

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

来回移动:
<marquee style="">小海欢迎你</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 style="">小海欢迎你</marquee>
代码:

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

来回移动:
<marquee style="">小海欢迎你</marquee>
代码:

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

9.空心金属滚动字

循环滚动:
<marquee style="">小海欢迎你</marquee>
代码:

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

来回移动:
<marquee style="">小海欢迎你</marquee>
代码:

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

10.凹凸投影滚动字

循环滚动：
<marquee style="">小海欢迎你</marquee>
代码：

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

来回移动：
<marquee style="">小海欢迎你</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 style="">小海欢迎你</marquee>
代码:

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

来回移动:
<marquee style="">小海欢迎你</marquee>
代码:

<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 span="" style="">小海欢迎你</marquee>
代码:

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

来回移动:
<marquee span="" style="">小海欢迎你</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 style="">小海欢迎您 <div></div> </marquee>
代码:

<marquee scrollamount=3 DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px">小海欢迎您 </DIV>

来回移动:
<marquee style="">小海欢迎您 </marquee>
代码:

<marquee scrollamount=3 behavior="alternate" DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px">小海欢迎您 </DIV>

14.投影滚动字

循环滚动:
<marquee span="" style="">小海欢迎你</marquee>
代码:

<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">小海欢迎你

来回移动:
<marquee span="" style="">小海欢迎你</marquee>
代码:

<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">小海欢迎你

15.波浪滚动字

循环滚动:
<marquee span="" style="">小海欢迎你</marquee>
代码:

<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">小海欢迎你
来回移动:
<marquee span="" style="">小海欢迎你</marquee>
代码:

<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">小海欢迎你

16.阴影滚动字

循环滚动:
<marquee span="" style="">小海欢迎你</marquee>
代码:

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

来回移动:
<marquee span="" style="">小海欢迎你</marquee>
代码:

<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 align="center" style="">小海欢迎你 <div></div> </marquee>
代码:

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

来回移动:
<marquee align="center" style="">小海欢迎你 <div></div> </marquee>
代码:

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

18.竖排文字滚动

<marquee height="150" width="480"><marquee height="220" width="480" style="line-height:150%; writing-mode:tb-rl">我的心除了你还有谁 可为何却在半路出了轨 我们的爱像潮水 放纵之后化成灰 面对面又如何去面对 我的心除了你不再有谁 却背叛了开在心里的玫瑰 我们的爱像潮水 放纵之后收不回 这辈子来不及向你忏悔 请不要离开我 在这下雨的时候 请不要离开我 当我独自喝醉在街头 请不要离开我 绝不放开你的手 哭的时候让泪往心里流 请不要离开我 在这下雨的时候 请不要离开我 当我独自喝醉在街头 请不要离开我 绝不放开你的手 哭的时候让泪往心里流 </marquee></marquee>

代码:

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

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

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