注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

楚歌音画特效博览

灵感喜欢光顾勤劳的人,懒惰人不会遇到他。

 
 
 

日志

 
 

动态文字特效代码  

2015-04-07 22:35:18|  分类: 特效文字(动态) |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 
〖动态文字特效代码〗  http://haoyuenlai666.blog.163.com/blog/static/1779790342011362304198/

文字的动态特效处理与图片类似,都是 <marquee>这个参数在起作用。给<marquee>加上合适的属性,就能使文字产生各种动态效果,从而给人带来美的享受。

一、文字单向直线滚动

(一)代码格式 

<DIV align=center>
<MARQUEE style="FONT-SIZE: 文字大小pt; WIDTH: 显示窗口宽度px; LINE-HEIGHT: 文字行间距pt; FONT-FAMILY: 字体; HEIGHT: 显示窗口高度px" scrollAmount=滚动速度值 direction=文字移动方向>
<P align=center><FONT color=文字颜色代码><B>文字内容</B> </FONT></P></MARQUEE></DIV>


        说明:文字滚动方向 direction= left 或right 或up 或down,分别表示向左(默认可省略)、向右、向上、向下。

(二)效果示例


1、示例一文字左移本例代码
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; WIDTH: 400px; FILTER: shadow(color=#AF0530); LINE-HEIGHT: 15pt; FONT-FAMILY: 隶书; HEIGHT: 80px" scrollAmount=6>
<P align=center><FONT color=#f90b46>恭喜发财好运来</FONT></P></MARQUEE></DIV>


恭喜发财好运来


2、示例二—文字右移本例代码 
 <P align=center>
<MARQUEE style="FONT-SIZE: 30pt; WIDTH: 500px; LINE-HEIGHT: 15pt; FONT-FAMILY: 楷体_gb2312; HEIGHT: 60px" scrollAmount=6 direction=right>
<P align=center><FONT color=#FF9224><B>好运来欢迎您的光临</B></FONT></P></MARQUEE></P> 


好运来欢迎您的光临


3、示例三—文字上移本例代码
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 华文彩云; HEIGHT: 120px" scrollAmount=3 direction=up>
<P align=center><FONT color=#B766AD><B>好运来欢迎您的光临</B></FONT></P></MARQUEE></DIV> 


好运来欢迎您的光临


本例代码 
<CENTER>
<MARQUEE scrollAmount=3 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#ff0000 size=6><B>踏破铁鞋无觅处</B></FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=3 direction=up height=60>
<CENTER><FONT face=华文彩云 color=#ff0000 size=6><B>得来全不费功夫</B></FONT></CENTER></B></MARQUEE></CENTER></CENTER> 


踏破铁鞋无觅处 得来全不费功夫
4、示例四—文字下移本例代码
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; WIDTH: 400px; FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); LINE-HEIGHT: 15pt; FONT-FAMILY: 华文新魏; HEIGHT: 120px" scrollAmount=3 direction=down>
<P align=center><FONT color=#008040><B>好运来欢迎您</B></FONT></P></MARQUEE></DIV> 


好运来欢迎您


 本例代码
<CENTER>
<MARQUEE scrollAmount=3 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#ff9224 size=6><B>踏破铁鞋无觅处</B></FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=3 direction=down height=60>
<CENTER><FONT face=华文彩云 color=#ff9224 size=6><B>得来全不费功夫</B></FONT></CENTER></B></MARQUEE></CENTER></CENTER> 


踏破铁鞋无觅处 得来全不费功夫
二、文字倾斜滚动
(一)代码格式

<DIV align=center>
<MARQUEE style="FONT-SIZE: 文字大小pt; WIDTH: 显示窗口宽度px; LINE-HEIGHT: 文字行间距pt; FONT-FAMILY: 字体; HEIGHT: 显示窗口高度px" scrollAmount=滚动速度值 direction=D1><DIV align=center>
<MARQUEE scrollAmount=滚动速度值 direction=D2><FONT color=文字颜色代码>文字内容</FONT></MARQUEE></DIV></MARQUEE></DIV>


        说明:direction=D1=left 或right,direction=D2=up 或down。
(二)效果示例
 1、示例一文字自左上向右下滚动本例代码

<DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; WIDTH: 400px; FILTER: shadow(color=#333366,direction=240); LINE-HEIGHT: 15pt; FONT-FAMILY: 黑体; HEIGHT: 200px" scrollAmount=5 direction=right>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=down><FONT color=#3333ff><B>好运来欢迎您的光临</B></FONT></MARQUEE></DIV></MARQUEE></DIV>  




好运来欢迎您的光临

 2、示例二—文字自右上向左下滚动本例代码
<DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 华文行楷; HEIGHT: 200px" scrollAmount=5>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=down><FONT color=#ff0000><B>好运来欢迎您的光临</B></FONT></MARQUEE></DIV></MARQUEE></DIV>  



好运来欢迎您的光临

  3、示例三—文字自左下向右上滚动本例代码
<DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; WIDTH: 400px; FILTER: glow(strength=1) mask(color=#ff0033) chroma(color=#ff0033); LINE-HEIGHT: 15pt; FONT-FAMILY: 华文新魏; HEIGHT: 200px" scrollAmount=5 direction=right>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=up><FONT color=#ff0000><B>好运来欢迎您的光临</B></FONT></MARQUEE></DIV></MARQUEE></DIV>  



好运来欢迎您的光临

4、示例四—文字自右下向左上滚动本例代码
 <DIV align=center>
<MARQUEE style="FONT-SIZE: 30pt; FILTER: mask(color=#a09261) shadow(color=#000000,direction=135) chroma(color=#a09261); WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 华文新魏; HEIGHT: 200px" scrollAmount=5>
<DIV align=center>
<MARQUEE scrollAmount=2 direction=up><FONT color=#ff0000><B>好运来欢迎您的光临</B></FONT></MARQUEE></DIV></MARQUEE></DIV> 



好运来欢迎您的光临

 三、文字反相滚动
(一)代码格式

<P align=center>
<MARQUEE  style="FONT-SIZE: 文字大小pt; WIDTH: 显示窗口宽度px; LINE-HEIGHT: 文字行间距pt; FONT-FAMILY: 字体; HEIGHT: 显示窗口高度px" scrollAmount=文字滚动速度 direction=文字滚动方向1>
<FONT color=文字颜色代码>文字内容</FONT></MARQUEE>
<MARQUEE  style="FONT-SIZE: 文字大小pt; WIDTH: 显示窗口宽度px; LINE-HEIGHT: 文字行间距pt; FONT-FAMILY: 字体; HEIGHT: 显示窗口高度px" scrollAmount=文字滚动速度 direction=文字滚动方向2>
<FONT color=文字颜色代码>文字内容</FONT></MARQUEE></P>


        说明:1、关于direction:文字滚动方向1与文字滚动方向2始终为反相。 
        2、当水平反相滚动时,width之值为显示窗口宽度的1/2;当垂直反相滚动时,height之值为显示窗口高度的1/2。
(二)文字水平反相滚动
1、示例一文字自中间向左右两边滚动本例代码
<P align=center>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 200px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隶书; HEIGHT: 60px" scrollAmount=5><FONT color=#0000ff>好运来欢迎您</FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 200px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隶书; HEIGHT: 60px" scrollAmount=5 direction=right><FONT color=#0000ff>您迎欢来运好</FONT></MARQUEE></P>  
 .

好运来欢迎您  您迎欢来运好


2、示例二—文字自左右两边向中间滚动本例代码
<P align=center>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 200px; LINE-HEIGHT: 15pt; FONT-FAMILY: 华文彩云; HEIGHT: 60px" scrollAmount=3 direction=right><FONT color=#e4dc9b>您迎欢来运好</FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 200px; LINE-HEIGHT: 15pt; FONT-FAMILY: 华文彩云; HEIGHT: 60px" scrollAmount=3><FONT color=#e4dc9b>好运来欢迎您的光临</FONT></MARQUEE></P> 
.

您迎欢来运好  好运来欢迎您的光临


(三)文字垂直反相滚动
1、示例一文字自中间向上下滚动本例代码
<P align=center> 
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 黑体; HEIGHT: 50px" scrollAmount=2 direction=up align=center><FONT color=#0000ff>好运来欢迎您</FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 黑体; HEIGHT: 50px" scrollAmount=2 direction=down><TABLE style="FILTER: FlipV" align=center><FONT color=#0096ff>好运来欢迎您</FONT><TBODY></TBODY></TABLE></MARQUEE>


好运来欢迎您

2、示例二—文字自上下向中间滚动本例代码
<P align=center>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隶书; HEIGHT: 40px" scrollAmount=2 direction=down><FONT color=#0000ff>好运来欢迎您</FONT></MARQUEE>
<MARQUEE style="FONT-SIZE: 40pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隶书; HEIGHT: 40px" scrollAmount=2 direction=up><FONT color=#0000ff>好运来欢迎您</FONT></MARQUEE></P> 



好运来欢迎您  好运来欢迎您


 

四、文字往复滚动


 (一)代码格式

<DIV align=center>
<MARQUEE style="FONT-SIZE: 文字大小pt; WIDTH: 显示窗口宽度px; LINE-HEIGHT: 文字行间距pt; FONT-FAMILY: 字体; HEIGHT: 显示窗口高度px" scrollAmount=文字滚动速度 behavior=alternate  direction=D>
<P align=center><FONT color=文字颜色代码>文字内容</FONT></P></MARQUEE></DIV>


        说明:水平往复滚动(摆动)时,direction=D=left 或可缺省;垂直往复滚动(振动)时,direction=D=up。
(二)效果示例

1、示例一——文字水平往复滚动


<DIV><P align=center>
<MARQUEE style="FILTER: glow(color=yelow, strength=6)" behavior=alternate width="98%" scrollAmount=1><FONT color=#ffff00 size=7 face=楷体_GB2312><B>好运来欢迎您的光临</B></FONT></MARQUEE></P></DIV>

好运来欢迎您的光临


2、示例一——文字水平滚动 

<DIV align=center>
<DIV style="FILTER: shadow(color=#FFFF00, direction=120  strength=60); WIDTH: 800px; HEIGHT: 120px"><FONT color=#ff0000 size=6 face=华文琥珀><B>
<CENTER>
<MARQUEE height=120 width=800>别&nbsp;人&nbsp;看&nbsp;我&nbsp;是&nbsp;荒&nbsp;谬&nbsp; ,&nbsp;我&nbsp;看&nbsp;自&nbsp;己&nbsp;是&nbsp;绝&nbsp;伦 !</MARQUEE></CENTER></B><CENTER></CENTER></FONT></DIV></DIV> 


别 人 看 我 是 荒 谬  , 我 看 自 己 是 绝 伦 !
 3、示例二——文字垂直往复滚动(振动)
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 隶书; HEIGHT: 180px" scrollAmount=10 direction=up behavior=alternate>
<P align=center><FONT color=#1e90ff>好运来欢迎您</FONT></P></MARQUEE></DIV> 
.

好运来欢迎您


4、示例三——文字交替跳跃


<CENTER><DIV style="FONT-SIZE: 20pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 500px; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=70 height=150>
<CENTER><B>但</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=70>
<CENTER><B>愿</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=70 height=150>
<CENTER><B>人</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=70>
<CENTER><B>长</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=70 height=150>
<CENTER><B>久</B></CENTER></MARQUEE></MARQUEE></DIV></CENTER>
.
       

5、示例四——带漂亮的模糊背景文字交替跳跃


<CENTER>
<DIV style="FONT-SIZE: 30pt; FILTER: glow(color: #00cc00,strength=60); WIDTH: 650px; COLOR: #ECF5FF; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>千</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=210>
<CENTER><B>里</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>共</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=210>
<CENTER><B>婵</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>娟</B></CENTER></MARQUEE></DIV></CENTER> 
  .
     
6、示例五——文字交替跳跃消失
<P align=center>
<MARQUEE style="WIDTH: 500px; HEIGHT: 300px" scrollAmount=8 direction=up>
<CENTER>
<DIV style="FONT-SIZE: 30pt; FILTER: glow(color=BLUE,strength=50); WIDTH: 100%; COLOR: yellow; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>欢</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=220>
<CENTER><B>迎</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=280>
<CENTER><B>光</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=220>
<CENTER><B>临</B></CENTER></MARQUEE></DIV></CENTER></MARQUEE></P>
.


     

五、文字波浪式滚动

 (一)文字单向波浪式滚动

<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); FONT-FAMILY: 华文新魏; HEIGHT: 180px" scrollAmount=5 direction=up behavior=alternate>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460>
<DIV align=center><FONT color=#ff0033><B>好运来欢迎您的光临</B></FONT></DIV></MARQUEE></DIV></MARQUEE></DIV> 


.


好运来欢迎您的光临


(二)文字往复波浪式滚动


 
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); FONT-FAMILY: 隶书; HEIGHT: 250px" scrollAmount=5 direction=up behavior=alternate>
<DIV align=center>
<MARQUEE scrollAmount=5 behavior=alternate width=600>
<DIV align=center><FONT color=#ff0033><B>好运来欢迎您的光临</B></FONT></DIV></MARQUEE></DIV></MARQUEE></DIV>
.


好运来欢迎您的光临


(三)文字交替式游荡
<MARQUEE style="FONT-SIZE: 35pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); FONT-FAMILY: 华文行楷; HEIGHT: 250px" scrollAmount=8 direction=right behavior=alternate><STRONG><FONT color=#aaaaff>
<MARQUEE direction=up behavior=alternate width=50 height=200 align="middle">平</MARQUEE><FONT color=#ff0000>
<MARQUEE direction=up behavior=alternate width=50 height=150>安</MARQUEE><FONT color=#ffff37>
<MARQUEE direction=up behavior=alternate width=50 height=200>如</MARQUEE><FONT color=#ff00ff>
<MARQUEE direction=up behavior=alternate width=50 height=150>意</MARQUEE><FONT color=#ff8000>
<MARQUEE direction=up behavior=alternate width=50 height=200>就</MARQUEE><FONT color=#00ff00>
<MARQUEE direction=up behavior=alternate width=50 height=150>是</MARQUEE><FONT color=#00ffff>
<MARQUEE direction=up behavior=alternate width=50 height=200>幸</MARQUEE><FONT color=#ffff37>
<MARQUEE direction=up behavior=alternate width=50 height=150>福</MARQUEE><FONT color=#ff44ff>
<MARQUEE direction=up behavior=alternate width=50 height=200>啊</MARQUEE></FONT></FONT></FONT></FONT></FONT>
</FONT></FONT></FONT></FONT></STRONG></MARQUEE>
.
               
投影美术字

 

2011年04月23日 - 好运来 - 好运来欢迎您



<DIV align=center>
<TABLE border=0 borderColor=#a2875a width=0 align=center>
<TBODY>
<TR>
<TD height=100 colSpan=3>
<DIV align=center>
<DIV style="FILTER: shadow(color=#ff33cc,strength=38); LINE-HEIGHT: 160%; WIDTH: 460px; FONT-FAMILY: 楷体_gb2312; COLOR: #ffffff; FONT-SIZE: 0pt">
<P align=center>&nbsp;</P>
<P align=center><IMG title="2011年04月23日 - 好运来 - 好运来欢迎您" alt="2011年04月23日 - 好运来 - 好运来欢迎您" src="http://img858.ph.126.net/a7f1kaMacVjifdNfqFQlBg==/3100728343444610180.gif" t ____="ev_3376231224"></P></DIV></DIV></TD></TR></B>
<DIV></DIV>
<DIV style="TEXT-ALIGN: center; FILTER: Shadow(color=#660099, direction=135); WIDTH: 100%; FONT-FAMILY: 方正姚体; HEIGHT: 100%; COLOR: #f90000; FONT-SIZE: 20pt"><B>投影美术字</B></DIV></TBODY></TABLE></DIV>

           

<P align=center><FONT face=隶书 color=red size=15>
<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=green>
<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></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT>

             

<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">明</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=150>天</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=200>更</MARQUEE><FONT color=fuchsia>
<MARQUEE direction=up behavior=alternate width=40 height=150>美</MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=40 height=200>好</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=40 height=150>是</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=200>吧</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>!</MARQUEE><FONT color=orange></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></B></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></MARQUEE>


好运来欢迎您  您迎欢来运好

<DIV align=center>
<MARQUEE width=250 height=50><FONT face=楷体_GB2312 color=#ff0000 size=7>好运来欢迎您</FONT></MARQUEE>
<MARQUEE direction=right width=250 height=50><FONT face=楷体_GB2312 color=#ff0000 size=7>您迎欢来运好</FONT></MARQUEE></DIV>


附  注

        1、各主要参数的含义:
        align:是设定活动对象(图片或文字)的位置; 
        direction:用于设定活动对象的滚动方向是向左、向右、向上、向下; 
        Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide" 表示由一端滑动到另一端,且不再重复;behavior="alternate"表示在两端之间来回滚动。 
        Height:用于设定滚动对象的高度;
        Width:则设定滚动对象的宽度;
        Hspace和vspace:分别用于设定滚动对象的左右边框和上下边框的宽度;
        Scrollamount:用于设定活动对象的滚动距离;数值越大滚动越快;
        scrolldelay:用于设定滚动两次之间的延迟时间,数值越大越有跳跃感; 
        Loop:用于设定滚动的次数,不设置该值则为无限循环;
        <marquee>标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。


好运来欢迎您的光临

代 码 如 下:
<TABLE align=center cellSpacing=0 cellPadding=0 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0005.gifborder=0><TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle>
<FONT style="FONT-SIZE: 30pt" face=隶书><B>文字内容</B></FONT></TD></TR></TBODY></TABLE>
好运来欢迎您的光临

代 码 如 下:
<TABLE align=center cellSpacing=0 cellPadding=0 background=http://pc.images22.51img1.com/6000/shanaifeng1314/c6c0d416e1e651a5498ca233c6b99305.gif border=0><TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle>
<FONT style="FONT-SIZE: 30pt" face=隶书><B>文字内容</B></FONT></TD></TR></TBODY></TABLE>
好运来欢迎您的光临
代 码 如 下:
<TABLE align=center cellSpacing=0 cellPadding=0 background=http://img.bimg.126.net/photo/zhwTbClgy8w1BCgSpQp-3A==/860469003804933397.jpgborder=0><TBODY><TR><TD style="FILTER: mask(color=#000000)" align=middle>
<FONT style="FONT-SIZE: 30pt" face=隶书><B>文字内容</B></FONT></TD></TR></TBODY></TABLE>

代码注解 : 黄色部份为闪底图片地址;蓝色部份为闪字内容;粉色0为框线厚度;

                        白色部份为背景颜色; 绿色30为字体大小;灰色隶书为字体样式;


好运来欢迎你

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

〖动态文字特效代码〗文字的动态特效处理与图片类似,都是 这个参数在起作用。给 加上合适的属性,就能使文字产生各种动态效果,从而给人带来美的享受。 一、文字单向直线滚动 (一)代码格式

文字内容

说明:文字滚动方向 direction= left 或right 或up 或down,分别表示向左(默认可省略)、向右、向上、向下。 (二)效果示例 1、示例一文字左移本例代码

恭喜发财好运来

恭喜发财好运来 2、示例二—文字右移本例代码

好运来欢迎您的光临

好运来欢迎您的光临 3、示例三—文字上移本例代码

好运来欢迎您的光临

好运来欢迎您的光临本例代码
踏破铁鞋无觅处
得来全不费功夫
踏破铁鞋无觅处得来全不费功夫 4、示例四—文字下移本例代码

好运来欢迎您

好运来欢迎您 本例代码
踏破铁鞋无觅处
得来全不费功夫
踏破铁鞋无觅处得来全不费功夫二、文字倾斜滚动 (一)代码格式
文字内容
说明:direction=D1=left 或right,direction=D2=up 或down。 (二)效果示例 1、示例一文字自左上向右下滚动本例代码
好运来欢迎您的光临
好运来欢迎您的光临 2、示例二—文字自右上向左下滚动本例代码
好运来欢迎您的光临
好运来欢迎您的光临 3、示例三—文字自左下向右上滚动本例代码
好运来欢迎您的光临
好运来欢迎您的光临 4、示例四—文字自右下向左上滚动本例代码
好运来欢迎您的光临
好运来欢迎您的光临 三、文字反相滚动 (一)代码格式

文字内容 文字内容

说明:1、关于direction:文字滚动方向1与文字滚动方向2始终为反相。 2、当水平反相滚动时,width之值为显示窗口宽度的1/2;当垂直反相滚动时,height之值为显示窗口高度的1/2。 (二)文字水平反相滚动 1、示例一文字自中间向左右两边滚动本例代码

好运来欢迎您 您迎欢来运好

. 好运来欢迎您 您迎欢来运好 2、示例二—文字自左右两边向中间滚动本例代码

您迎欢来运好 好运来欢迎您的光临

. 您迎欢来运好 好运来欢迎您的光临 (三)文字垂直反相滚动 1、示例一文字自中间向上下滚动本例代码

好运来欢迎您 好运来欢迎您
好运来欢迎您 2、示例二—文字自上下向中间滚动本例代码

好运来欢迎您 好运来欢迎您

好运来欢迎您 好运来欢迎您 四、文字往复滚动 (一)代码格式

文字内容

说明:水平往复滚动(摆动)时,direction=D=left 或可缺省;垂直往复滚动(振动)时,direction=D=up。 (二)效果示例 1、示例一——文字水平往复滚动

好运来欢迎您的光临

好运来欢迎您的光临 2、示例一——文字水平滚动
别 人 看 我 是 荒 谬  , 我 看 自 己 是 绝 伦 !
别 人 看 我 是 荒 谬 , 我 看 自 己 是 绝 伦 ! 3、示例二——文字垂直往复滚动(振动)

好运来欢迎您

. 好运来欢迎您 4、示例三——文字交替跳跃
. 但 愿 人 长 久 5、示例四——带漂亮的模糊背景文字交替跳跃
. 千 里 共 婵娟 6、示例五——文字交替跳跃消失

. 欢 迎 光 临五、文字波浪式滚动 (一)文字单向波浪式滚动
好运来欢迎您的光临
. 好运来欢迎您的光临 (二)文字往复波浪式滚动
好运来欢迎您的光临
. 好运来欢迎您的光临 (三)文字交替式游荡 . 平 安 如 意 就 是 幸 福 啊投影美术字 2011年04月23日 - 好运来 - 好运来欢迎您
投影美术字

 

2011年04月23日 - 好运来 - 好运来欢迎您

笑 对 人 生 欢 迎 你

明 天 更 美 好 是 吧 ! 好运来欢迎您 您迎欢来运好
好运来欢迎您 您迎欢来运好
附 注 1、各主要参数的含义: align:是设定活动对象(图片或文字)的位置; direction:用于设定活动对象的滚动方向是向左、向右、向上、向下; Behavior:用于设定滚动的方式,主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide" 表示由一端滑动到另一端,且不再重复;behavior="alternate"表示在两端之间来回滚动。 Height:用于设定滚动对象的高度; Width:则设定滚动对象的宽度; Hspace和vspace:分别用于设定滚动对象的左右边框和上下边框的宽度; Scrollamount:用于设定活动对象的滚动距离;数值越大滚动越快; scrolldelay:用于设定滚动两次之间的延迟时间,数值越大越有跳跃感; Loop:用于设定滚动的次数,不设置该值则为无限循环; 标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。 好运来欢迎您的光临代 码 如 下:
文字内容
好运来欢迎您的光临代 码 如 下:
文字内容
好运来欢迎您的光临代 码 如 下:
文字内容
代码注解 : 黄色部份为闪底图片地址;蓝色部份为闪字内容;粉色0为框线厚度; 白色部份为背景颜色; 绿色30为字体大小;灰色隶书为字体样式; 好运来欢迎你 好运来欢迎你本代码属性分析: opacity:设置透明度,取值0至100之间的任意数值,100表示完全不透明; style:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变; width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
  评论这张
 
阅读(4)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017