动态字效果代码.docx

文字的动态特效处理与图片类似，都是?marquee这个参数在起作用。给marquee加上合适的属性，就能使文字产生各种动态效果，从而给人带来美的享受。 ????????一、文字单向直线滚动 ????????(一)代码格式? ?DIV align=center MARQUEE style=FONT-SIZE: 文字大小pt; WIDTH: 显示窗口宽度px; LINE-HEIGHT: 文字行间距pt; FONT-FAMILY: 字体; HEIGHT: 显示窗口高度px scrollAmount=滚动速度值 direction=文字移动方向 P align=centerFONT color=文字颜色代码B文字内容/B /FONT/P/MARQUEE/DIV ??????? 说明：文字滚动方向 direction= left 或right 或up 或down，分别表示向左(默认可省略)、向右、向上、向下。 ??????? (二)效果示例 ????????1、示例一——文字左移 ? 平安如意欢迎您 ? ?本例代码? ???DIV align=center MARQUEE style=FONT-SIZE: 35pt; WIDTH: 400px; FILTER: shadow(color=#AF0530); LINE-HEIGHT: 15pt; FONT-FAMILY: 隶书; HEIGHT: 80px scrollAmount=6 P align=centerFONT color=#f90b46平安如意欢迎您 /FONT/P/MARQUEE/DIV ? ? ???????? 2、示例二——文字右移 ? 您迎欢意如安平 ? ?本例代码? ?P align=center MARQUEE style=FONT-SIZE: 30pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 楷体_gb2312; HEIGHT: 60px scrollAmount=6 direction=right P align=centerFONT color=#FF9224B您迎欢意如安平/B/FONT/P/MARQUEE/P?? ?? ???????? 3、示例三——文字上移 ? 平安如意欢迎您 ? ?本例代码? DIV align=center MARQUEE style=FONT-SIZE: 35pt; WIDTH: 400px; LINE-HEIGHT: 15pt; FONT-FAMILY: 华文彩云; HEIGHT: 120px scrollAmount=3 direction=up P align=centerFONT color=#B766ADB平安如意欢迎您/B/FONT/P/MARQUEE/DIV??? ?? ?? ?? 踏破铁鞋无觅处 得来全不费功夫 ?? ?本例代码? CENTER MARQUEE scrollAmount=3 direction=up height=60 CENTERFONT face=华文彩云 color=#ff0000 size=6B踏破铁鞋无觅处/B/FONT/CENTER/B/MARQUEE CENTER MARQUEE scrollAmount=3 direction=up height=60 CENTERFONT face=华文彩云 color=#ff0000 size=6B得来全不费功夫/B/FONT/CENTER/B/MARQUEE/CENTER/CENTER??? ?? ???????? 4、示例四——文字下移 ? 平安如意欢迎您 ? ?本例代码? DIV align=center MARQUEE style=FONT-SIZE: 35pt; WIDTH: 400px; FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); LINE-HEIGHT: 15pt; FONT-FAMILY: 华文新魏; HEIGHT: 120px scrollAmount=3 direction=down P align=centerFONT color=#008040B平安如意欢迎您/B/FONT/P/MARQUEE/DIV??? ? ? 踏破铁鞋无觅处 得来全不费功夫 ? ?本例代码? CENTER MARQUEE scrollAmount=3 direction=down height=60 CENTERFONT face=华文彩云 color=#ff9224 size=6B踏破铁鞋无觅处/B/FONT/CENTER/B/MARQUEE CENTER MARQUEE scrollAmou