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

巴陵散人影室

捕捉风花雪月丽影 素描山水自然世态

 
 
 

日志

 
 
关于我

平生清淡欲何求,秉性不改未出头。无悲无喜过闹市,小词小酒充风流。遇事笑对千夫指,糊涂甘做没角牛。钻进乐窝成一统, 管他冬夏与春秋。

[收藏]滚动文字代码   

2008-09-25 16:43:02|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

滚 动 文 字 代 码

引用  霍斯滚动文字特效大全

部分文字代码收集于网络博友,感谢博友提供,霍斯

本人收集,并进行代码优化,整理,做出滚动效果.

1.阴影滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 FONT style="COLOR="#009900"; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 隶书; FONT-SIZE:

25pt; WIDTH: 100%">欢迎来到巴陵散人影室

</marquee>

来回移动: 欢迎来到巴陵散人影室

 代码:

<marquee behavior="alternate" scrollamount=

2 FONT style="COLOR=3300FF; FILTER:

 shadow(color=33FFFF ); FONT-FAMILY: 隶书;

 FONT-SIZE: 25pt; WIDTH: 100%">欢迎来到巴

陵散人影室</MARQUEE>

2.欢迎来到巴陵散人影室

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 font style="FILTER:

 Shadow(color=#660099,direction=135);

HEIGHT: 10pt;font-size:25pt" face="隶书" color=#009900>欢迎来到巴陵散人影室</font>

</marquee>

来回移动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 behavior=

alternate font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT:

10pt;font-size:25pt" face="隶书" color

=#009900>欢迎来到巴陵散人影室</font>

</marquee>

3.发光滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 FONT style=

"COLOR: #0033CC; FILTER: glow

(color=FFFF66); FONT-FAMILY: 华文彩云;

 FONT-SIZE: 20pt; WIDTH: 100%"><B>欢

迎来到巴陵散人影室</B></FONT>

</marquee>

来回移动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 behavior=

alternate FONT style="COLOR:

#0033CC; FILTER: glow(color=FFFF66)

; FONT-FAMILY: 华文彩云; FONT-SIZE:

 20pt; WIDTH: 100%"><B>欢迎来

到巴陵散人影室</B></FONT></marquee>

4.欢迎来到巴陵散人影室

循环滚动: 欢迎来到巴陵散人影室

代码:

<MARQUEE style="FONT-SIZE: 30pt;

 FILTER: alpha(opacity=100,style=3);

WIDTH: 100%; COLOR: red; LINE-HEI

GHT: 100%; FONT-FAMILY: 华文行楷"

 scrollAmount=3 FONT><B>欢迎来

到巴陵散人影室</B></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><B>欢迎

来到巴陵散人影室</B></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: 华文行楷">

<B>欢迎来到巴陵散人影室</B></FONT>

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

华文行楷"><B>欢迎来到巴陵散人影室</B></FONT></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: 华文行楷">

<B>欢迎来到巴陵散人影室

</B></FONT></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: 华文行楷"><B>欢迎来到巴陵散人影室</B></FONT></marquee>

本代码属性分析:

add:波纹型,0或1,0表示将原始对象加入最后效果中,1则反之;

freq:决定显示的频率,即应出现多少个波形;

phrase:决定波形的形状,值取0至360之间;

strength:决定波形的振幅

7.立体滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>欢迎来到巴陵散人影室</B></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: 隶书"><B>欢迎来到巴陵散人影室</B></FONT></marquee>

8.金属滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎来到巴陵散人影室</B></FONT>

</marquee>

来回移动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎来到巴陵散人影室</B></FONT>

</marquee>

9.空心金属滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎来到巴陵散人影室</B></marquee>

来回移动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎来到巴陵散人影室</B></marquee>

10.凹凸投影滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎来到巴陵散人影室</B></FONT></marquee>

来回移动: 欢迎来到巴陵散人影室

代码:

<marquee behavior="alternate" scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎来到巴陵散人影室</B></FONT></marquee>

11.空心滚动字

循环滚动:  欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎来到巴陵散人影室</B></FONT>

来回移动: 欢迎来到巴陵散人影室

代码:

<marquee behavior=alternate scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>欢迎来到巴陵散人影室</B></FONT>

12.毛绒滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center">欢迎来到巴陵散人影室</SPAN>

来回移动: 欢迎来到巴陵散人影室

代码:

<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">欢迎来到巴陵散人影室</SPAN>

13.描边中空抛射滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff>欢迎来到巴陵散人影室</FONT> <BR></DIV>

来回移动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 behavior="alternate" DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff>欢迎来到巴陵散人影室</FONT> <BR></DIV>

14.投影滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<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">欢迎来到巴陵散人影室</SPAN>

来回移动: 欢迎来到巴陵散人影室

代码:

<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">欢迎来到巴陵散人影室</SPAN>

15.波浪滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<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">欢迎来到巴陵散人影室</span>

来回移动: 欢迎来到巴陵散人影室

代码:

<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">欢迎来到巴陵散人影室</span>

16.阴影滚动字

循环滚动: 欢迎来到巴陵散人影室

代码:

<marquee scrollamount=3 span style="font-size:30pt;display:block;text-align:center;color:darkblue;filter:shadow(color=blue)

;height:1">欢迎来到巴陵散人影室</span>

来回移动: 欢迎来到巴陵散人影室

代码:

<MARQUEE style="DISPLAY: block; FONT-SIZE:

30pt; FILTER: shadow(color=blue); COLOR:

darkblue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 behavior=alternate span>欢迎来到巴陵散人影室

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

<P align=left><FONT style="FONT-SIZE: 15pt;

FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT:

150%; FONT-FAMILY: 隶书" color=red>我的心除了你

还有谁<BR>可

为何却在半路出了轨<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>

 

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

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

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

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

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

改字体

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

的滚动速度

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

 

霍斯见解:

    大家看到了这些漂亮的滚动字,想用哪个就拿去复制一下,

当然方便又好用,但是本人想法,活学活用,不要一味的去复制

粘贴,复制再粘贴,那样做出来的永远是别人的风格,没有自己

的个性不是吗,所以我希望大家在使用代码的时候多少会有

一些自己的改动,比如说颜色,字体,这些并不难办到的,如果你

是高手也可以代码与代码之间套用,做出更高级的风格,当然,

你要特别喜欢当前风格,直接粘来使用也没什么,呵呵,最后祝

大家都能做出自己漂亮的世界

  评论这张
 
阅读(213)| 评论(0)

历史上的今天

评论

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

页脚

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