分享

滚动文字特效代码大全

 yomdt 2012-11-25


滚动文字特效代码大全

 

       1.阴影滚动字

循环滚动:

yomdt欢迎您

代码:

<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">yomdt 欢迎您</marquee>

来回移动:

yomdt欢迎您

代码:

<marquee behavior="alternate" scrollamount=2 FONT style="COLOR=3300FF; FILTER: shadow(color=33FFFF ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%">yomdt 欢迎您</MARQUEE>

2.投射阴影滚动字

循环滚动:

yomdt欢迎您

代码:

<P> </P><marquee scrollamount=3 font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 30pt;font-size:25pt" face="隶书" color=#009900>yomdt欢迎您</font></marquee>

来回移动:

yomdt欢迎您

代码:

<marquee scrollamount=3 behavior=alternate font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 30pt;font-size:25pt" face="隶书" color=#009900>yomdt欢迎您</font></marquee>

3.发光滚动字

循环滚动:

yomdt欢迎您

代码:

<marquee scrollamount=3 FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>yomdt欢迎您</B></FONT></marquee>

来回移动:

yomdt欢迎您

代码:

<marquee scrollamount=3 behavior=alternate FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>yomdt欢迎您</B></FONT></marquee>

4.若隐若现滚动字

循环滚动:

yomdt欢迎您

代码:

<MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>yomdt欢迎您</B></FONT></MARQUEE>

来回移动:

yomdt欢迎你

代码:

<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>yomdt欢迎你</B></FONT></MARQUEE>

本代码属性分析

opacity:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变;
width:100%则表示参与渐变的对象的宽度,通常都设置为100%。

5.清晰阴影滚动字

循环滚动:

yomdt欢迎您

代码:

<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>yomdt欢迎您</B></FONT></marquee>

来回移动:

yomdt欢迎您

代码:

<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>yomdt欢迎您</B></FONT></marquee>

6.波纹效果滚动字

循环滚动:

yomdt欢迎您

代码:

<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>yomdt欢迎您</B></FONT></marquee>

来回移动:

yomdt欢迎您

代码:

<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>yomdt欢迎您</B></FONT></marquee>

本代码属性分析

add:波纹型,0或1,0表示将原始对象加入最后效果中,1则反之;
freq:决定显示的频率,即应出现多少个波形;
phrase:决定波形的形状,值取0至360之间;
strength:决定波形的振幅

7.立体滚动字

循环滚动:

yomdt欢迎您

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>yomdt欢迎您</B></FONT></marquee>

来回移动:

yomdt欢迎您

代码:

<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>yomdt欢迎您</B></FONT></marquee>

8.金属滚动字

循环滚动:

yomdt欢迎您

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>yomdt欢迎您</B></FONT>
</marquee>

来回移动:

感谢你光临yomdt空间

代码:

<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>感谢你光临yomdt空间</B></FONT>
</marquee>

9.空心金属滚动字

循环滚动:

yomdt欢迎您

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>yomdt欢迎您</B></marquee>

来回移动:

yomdt欢迎你

代码:

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

10.凹凸投影滚动字

循环滚动:

相逢是首歌yomdt欢迎您

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>相逢是首歌yomdt欢迎您</B></FONT></marquee>

来回移动:

yomdt欢迎您

代码:

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

11.空心滚动字

循环滚动:

相逢是首歌yomdt欢迎您

代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>相逢是首歌yomdt欢迎您</B></FONT>

来回移动:

yomdt欢迎您

代码:

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

12.毛绒滚动字

循环滚动:

yomdt欢迎您

代码:

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

来回移动:

yomdt欢迎您

代码:

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

代码在线编辑器:

         HTML在线编辑器

      html代码浏览器

yomdt博客

http://yomdt.blog.163.com/

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多