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

如梦云烟

http://ji-fa-yang.blog.163.com/

 
 
 

日志

 
 

文字的移动特效  

2010-01-29 22:03:00|  分类: 素材资源 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用倾颜戏羽文字的移动特效

文字的移动特效 - 倾颜戏羽 - 倾颜戏羽

文字的移动特效

1.最简单的移动效果

效果:

快乐互动

代码:

<MARQUEE>快乐互动</MARQUEE>

在MARQUEE标签中 还可以加上以下参数代码:
width(表示在一定的宽度里移动的参数代码,如:width=300), height(表示在一定的高度里移动的参数代码,如:height=150);direction(表示移动方向的参数代码,其中:“direction=left”表示向左移动, “direction=right”表示向右移动, “direction=up”表示向上移动, “direction=down”表示向下移动);scrollAmount(表示移动速度代码,如:scrollAmount=1表示移动速度为1,本人认为1到6效果最好); bgcolor(参数RGB,或者颜色单词,或者6位颜色字母),还支持其他复杂的CSS。

例如:

『快乐互动,精彩你我;创造喜悦,分享快乐!』

代码:

<MARQUEE width=600 height=100 scrollAmount=2 direction=up>
『快乐互动,精彩你我;创造喜悦,分享快乐!』
</MARQUEE>

2.屏保效果:

『快乐互动,精彩你我;创造喜悦,分享快乐!』

代码:

<MARQUEE direction=up width=600 bgColor=#222222 height=100>
<MARQUEE width="100%" height=50><FONT color=#00ff00 size=4>『快乐互动,精彩你我;创造喜悦,分享快乐!』 </FONT></MARQUEE></MARQUEE>

3.在范围内上下左右来回移动

『快乐互动,精彩你我;创造喜悦,分享快乐!』

代码:

<TABLE>
<TBODY>
<TR>
<TD width=590 bgColor=#003366>
<MARQUEE scrollAmount=1 direction=down behavior=alternate height=60>
<MARQUEE scrollAmount=4 direction=right behavior=alternate width=590>『快乐互动,精彩你我;创造喜悦,分享快乐!』</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

4.上下左右交替移动效果

『快乐互动,精彩你我!』 『创造喜悦,分享快乐!』

代码:

<TABLE bgColor=#ff0088>
<TBODY>
<TR>
<TD vAlign=top width=1>
<MARQUEE scrollAmount=1 direction=down behavior=alternate height=60>
<MARQUEE scrollAmount=4 direction=right behavior=alternate width=590>『快乐互动,精彩你我!』</MARQUEE></MARQUEE></TD>
<TD width=590>
<MARQUEE scrollAmount=1 direction=up behavior=alternate height=60>
<MARQUEE scrollAmount=4 behavior=alternate width=590>『创造喜悦,分享快乐!』</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

5.左右来回移动

『快乐互动,精彩你我;创造喜悦,分享快乐!』

代码:

<MARQUEE width=590 scrollAmount=5 behavior=alternate>『快乐互动,精彩你我;创造喜悦,分享快乐!』</MARQUEE> 

6.原地上下跳动

『快乐互动,精彩你我;创造喜悦,分享快乐!』

代码:

<CENTER><FONT SIZE=5 COLOR=#FFFF00 FONT=宋体>
<MARQUEE direction=up behavior=alternate width=580 height=120>
<CENTER><B>『快乐互动,精彩你我;创造喜悦,分享快乐!』</B></CENTER></MARQUEE>
</FONT></CENTER>

7.原地交替跳动

代码:

<CENTER><FONT SIZE=6 WIDTH=580 COLOR= #FF00CC HEIGHT=120 FONT=宋体>
<MARQUEE direction=up behavior=alternate width=116 height=120>
<CENTER><B>戏</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=116>
<CENTER><B>风</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=116 height=120>
<CENTER><B>秋</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=116>
<CENTER><B>落</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=116 height=120>
<CENTER><B>叶</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>1

8.穿越图片

捕 捕文字的移动特效 - 倾颜戏羽 - 倾颜戏羽 风 风文字的移动特效 - 倾颜戏羽 - 倾颜戏羽 捉 捉文字的移动特效 - 倾颜戏羽 - 倾颜戏羽 影 影

代码:

<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#cf34f6 size=6>捕 捕</FONT></B></MARQUEE><STRONG><IMG height=100 src="http://img58.ph.126.net/iNoO3Qz3l8diWEIx9lh0NQ==/822469881949292880.gif" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#ff0000 size=6>风 风</FONT></B></MARQUEE><STRONG><IMG height=100 src="http://img166.ph.126.net/7on_bDmj_KJ3ouixGXVyVg==/1633117814876322176.jpg" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#0033cc size=6>捉 捉</FONT></B></MARQUEE><STRONG><IMG height=100 src="http://img58.ph.126.net/iNoO3Qz3l8diWEIx9lh0NQ==/822469881949292880.gif" width=100> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#006633 size=6>影 影</FONT></B></MARQUEE><STRONG></CENTER> 

9.彩色生成字体

代码:

 <P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>欢</FONT><FONT color=#ff8900>乐</FONT><FONT color=#92c000>互</FONT><FONT color=#00c024>动</FONT><FONT color=#00c0da>精</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff>你</FONT><FONT color=#ff00ff>我</FONT></STRONG></P>

10.投影效果

代码:

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF9999, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff00ff size=7><B>
<CENTER>浪花飞溅</B></CENTER></FONT>
<DIV align=left><BR><BR></DIV>

效果:

浪花飞溅


11.发光字体

代码:

<TABLE style="FILTER: glow(color=#6699FF,direction=2)" align=center>
<P><FONT color=#ffffff size=6>
颜笑眉开醉春风</FONT></FONT></P>
<TBODY>
</TBODY></TABLE>

效果:

颜笑眉开醉春风

12.浮雕效果:

代码:

<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)" align=center>
<TBODY>
<FONT color=#ffffff size=5>孔雀东南飞</FONT>
</TBODY></TABLE>

效果:

孔雀东南飞

13.竖排隐出特效

代码:

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 beha>
<MARQUEE style="WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
<P align=left><FONT style="FONT-SIZE: 18pt; COLOR: #ea0000; FONT-FAMILY: 方正姚体" color=#ff0000>天使在夜里哭<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>

效果:

天使在夜里哭
泪滴滴到天亮是露珠
爱人在梦里哭
让半夜的星星越来越模糊
我的心 我的梦
里有一个故事
偷偷的埋藏在心里深处
一直单纯一直有些傻乎乎
相信了爱情以后
就看不清楚

最怕夜 最怕风
最怕特别的日子
痴心的人为何不能孤独
不能单纯不能有些傻乎乎
甜蜜的初恋以后
要痛苦来医治
每个夜 我的梦
就要飞 飞向你
再把心痛来一回
漫天星
模糊中 流着泪
无怨无悔
像天使的眼泪

14.加背景特效

代码:

<TABLE cellSpacing=2 cellPadding=0 align=center width=340 borderColor=#FF00CC background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.gif border=3>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE align=center bgColor=#000000 width=340>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 35pt" face=宋体 color=#336699><B>琴声幽怨伴弦乐</B></FONT></TD></TR></TBODY></TABLE>

效果:

琴声幽怨伴弦乐

15.上下靠拢特效

代码:

<CENTER>
<MARQUEE scrollAmount=2 direction=down height=50>
<CENTER><FONT face=宋体 color=#da70d6 size=6><B>蝶翼蜂羽画彩虹
</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=50>
<CENTER><FONT face=宋体 color=#da70d6 size=6><B>蝶翼蜂羽画彩虹
</FONT></CENTER></B></MARQUEE></CENTER></DIV>
</CENTER>

效果:

蝶翼蜂羽画彩虹
蝶翼蜂羽画彩虹

16.左右从中间排开

代码:

<DIV align=center>
<MARQUEE width=250 height=50><FONT face=宋体 color=#ff0000 size=7>左字向左排开</FONT></MARQUEE></FONT>
<MARQUEE direction=right width=250 height=50><FONT face=宋体 color=#ff0000 size=7>开排右向字右</FONT></MARQUEE></FONT></DIV>

效果:

左字向左排开 开排右向字右

17.闪字向上移动

代码:

<DIV align=center>
<MARQUEE scrollAmount=3 direction=up width=340>
<TABLE borderColor=#ff00cc cellSpacing=0 cellPadding=0 width=340 align=center background=http://img769.ph.126.net/1ABOOdIaFqJ3zkzbekaVag==/71213169108854014.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE width=340 align=center bgColor=#000000>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 35pt" face=宋体 color=#336699><B>蝴蝶透明的眼泪</B></FONT></TD></TR></TBODY></TABLE></TR></TBODY></TABLE></DIV>

效果:

蝴蝶透明的眼泪

18.阴影色彩向右移

代码:

<MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 ); WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: 隶书" scrollAmount=3 FONT>阴影色彩向右移吧</MARQUEE>

效果:

阴影色彩向右移吧

19.发光字体移动特效

代码:

<MARQUEE style="FONT-SIZE: 20pt; FILTER: glow(color=FFFF66); WIDTH: 100%; COLOR: #0033cc; FONT-FAMILY: 华文彩云" scrollAmount=3 FONT><B>发光字体循环滚动</B></FONT></MARQUEE>

效果:

发光字体循环滚动

20.若隐若现移动特效

代码:

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

效果:

若隐若现好迷人

21.清晰阴影特效

代码:

<MARQUEE style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>清晰阴影循环移动</B></FONT></MARQUEE>

效果:

清晰阴影循环移动

22.皱了的特效

代码:

<MARQUEE 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: 宋体" scrollAmount=3 FONT><B>皱了? 烦不烦?</B></FONT></MARQUEE>

效果:

皱了? 烦不烦?

23.毛字特效

代码:

<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 SPAN>毛了的,循环走</SPAN></MARQUEE>

效果:

毛了的,循环走

『快乐互动,精彩你我;创造喜悦,分享快乐!』

倾颜戏羽声明:引用请勿去掉与本文的链接,未经许可请不要随意篡改;转载须注明本文出处。

文字的移动特效 - 倾颜戏羽 - 倾颜戏羽 文字的移动特效 - 倾颜戏羽 - 倾颜戏羽 文字的移动特效 - 倾颜戏羽 - 倾颜戏羽
  评论这张
 
阅读(243)| 评论(6)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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