文字动态特效代码欧阳飞雪老师的网校Office

书海有我 2009-07-11

展开全文

字动态特效代码

一、凹凸投影滚动字

1、循环滚动

欢迎各位朋友的到来！

代码：<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">欢迎各位朋友的到来！</marquee>

2、来回移动

祝您每天好心情！

代码：<marquee behavior="alternate" scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">祝您每天好心情！</marquee>

二、穿梭文字（图片可自行更换）

穿　穿

梭梭

文文

字字

代码：<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center">穿　穿</MARQUEE><IMG height=67 src="http://image4.360doc.com/DownloadImg/2009/7/11/162940_4221806_1.jpg" width=109> 
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center">梭梭</MARQUEE><IMG height=67 src="http://image4.360doc.com/DownloadImg/2009/7/11/162940_4221806_2.jpg" width=109> 
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center">文文</MARQUEE><IMG height=67 src="http://image4.360doc.com/DownloadImg/2009/7/11/162940_4221806_3.jpg" width=109> 
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center">字字</MARQUEE></CENTER>

三、金属滚动字

1、循环滚动

开开心心！

代码： <marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">开开心心！</marquee>

2、来回移动

快快乐乐

代码：<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">快快乐乐</marquee>

四、毛绒（光晕）滚动字

1、循环滚动

欢迎您！

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

2、来回移动

欢迎您！

代码：<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">欢迎您！

五、立体滚动字

1、循环滚动

立体循环滚动 代码：<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">立体循环滚动</marquee>

2、来回移动

立体来回移动 代码：<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">立体来回移动</marquee>

六、描边中空抛射滚动字

1、循环滚动

描边中空扫射循环滚动

代码：<marquee scrollamount=3 DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px">描边中空扫射循环滚动 </DIV>

2、来回移动

描边中空扫射来回移动

代码：<marquee scrollamount=3 behavior="alternate" DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px">描边中空扫射来回移动 </DIV>

七、清晰阴影滚动字

1、循环滚动

清晰阴影滚动

代码：<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>

2、来回移动

清晰阴影来回

代码：<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>

八、投射阴影滚动字

1、循环滚动

投射阴影循环代码：<marquee scrollamount=3 font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>投射阴影循环</marquee>

2、来回移动

投射阴影来回代码：<marquee scrollamount=3 behavior=alternate font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>投射阴影来回</marquee>

九、若隐若现滚动字

1、循环滚动

若隐若现循环 代码：<MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT>若隐若现循环</MARQUEE>

2、来回移动

若隐若现来回 代码：<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%。

color= 颜色代码

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

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

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

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

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