部分文字代码收集于网络博友,感谢博友提供,霍斯
本人收集,并进行代码优化,整理,做出滚动效果.
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": 来回移动代码
霍斯见解:
大家看到了这些漂亮的滚动字,想用哪个就拿去复制一下,
当然方便又好用,但是本人想法,活学活用,不要一味的去复制
粘贴,复制再粘贴,那样做出来的永远是别人的风格,没有自己
的个性不是吗,所以我希望大家在使用代码的时候多少会有
一些自己的改动,比如说颜色,字体,这些并不难办到的,如果你
是高手也可以代码与代码之间套用,做出更高级的风格,当然,
你要特别喜欢当前风格,直接粘来使用也没什么,呵呵,最后祝
大家都能做出自己漂亮的世界
评论