打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
【代码应用】滚动文字特效大全

1.阴影滚动字

循环滚动:

词叟欢迎您

代码:

<marquee scrollamount=3 FONT style="COLOR=FF0000; 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-HEIGHT: 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.竖排文字滚动

本站公告
欢迎大家的光临!
免责声明:
本站资料大部分来自于互联网,
其版权归原作者或其他合法者所有.
如内容涉及或侵犯了您的权益,
请通知本人,我将尽快处理!
感谢您的大力支持!
如果您对本站有好的意见和建议,
请到留言板留言.

温馨提示
由于本人入圈已满, 
>因此再有圈子的邀请也不能加入,
也不任其圈子的管理职务,
敬请原谅!
谢谢!

<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></FONT></P></MARQUEE></MARQUEE></DIV>
 
本页代码基本综合属性分析:
color=66FF33     颜色代码  可参见颜色代码大全更改颜色

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

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

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

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

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
滚动文字特效代码大全
文字动态特效代码 欧阳飞雪老师的网校Office
引用 网易博客代码.特效多彩滚动字的样式和代码大全 - “龙”上行 的日志 - 网易博客
多彩滚动字的代码
html文字代码
各种特效字代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服