搜索
 
 

结果按:
 


Rechercher 高级搜索

最新主题
» how to buy facebook fans xj
周三 八月 03, 2011 10:21 pm 由 游客

» I have nook questions...it's about google books?
周三 八月 03, 2011 10:21 pm 由 游客

» buy facebook fans and likes f7
周三 八月 03, 2011 1:18 pm 由 游客

» How does the HD 3650 compare with the HD 4650?
周三 八月 03, 2011 1:12 am 由 游客

» 巧用Flash做网页背景音乐
周二 七月 06, 2010 5:14 pm 由 caohongyu

» 再谈DW中文缩进实现技巧
周二 七月 06, 2010 5:14 pm 由 caohongyu

» 网页编辑工具
周二 七月 06, 2010 5:12 pm 由 caohongyu

» 网页制作指南-网页的类型
周二 七月 06, 2010 5:10 pm 由 caohongyu

» Dreamweaver技巧之精确定位网页各元素位置
周二 七月 06, 2010 5:08 pm 由 caohongyu

相册


合作伙伴
免费论坛

免費論壇


各种滚动字幕代码

向下

各种滚动字幕代码

帖子  初学者 于 周一 七月 05, 2010 6:24 pm

代码详解:<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 隶书; FONT-SIZE: 25pt; WIDTH: 100%"></marquee>

a)scrollamount表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)WIDTH和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。(示例中没有设置)
c)direction表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。不设置即为默认方向。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)
f)style(字体样式):FONT-SIZE(字体大小)WIDTH(字符间距)COLOR(字体颜色)LINE-HEIGHT(行间距)FILTER: shadow(color=green)是设置投影颜色为绿色。

使用方法:进入教师办公系统,在系统管理中打开我的资料,把以上代码复制粘贴到个性签名栏中,提交修改后,进入空间就能看到绚丽的滚动字幕了。

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>



你</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=Cool; 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=Cool; 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);">欢迎你</di

初学者

帖子数 : 17
注册日期 : 10-06-24

返回页首 向下

返回页首


 
您在这个论坛的权限:
不能在这个论坛回复主题