2011-03-31 0:08
01、阴影字左右来回滚动
阴影字来回滚动效果
代码：
<div class="cnt"><p align="center"><marquee behavior="alternate" scrollamount=4 FONT style="COLOR=#FF0000 ; FILTER: shadow(color=#FFDDEE , direction=225); FONT-FAMILY:仿宋_GB2312; FONT-SIZE: 26pt; WIDTH: 60%"><i><b>阴影字来回滚动效果</b><i></MARQUEE></p></div>
02、文字若隐若现滚动
若隐若现若隐若现
代码：
<div align=center WIDTH: 60%>
<MARQUEE style="FONT-SIZE: 24pt; FILTER: alpha(opacity=100, style=3); WIDTH: 500px; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY:隶书" scrollAmount=3 FONT>若隐若现若隐若现</FONT></MARQUEE></div>
03、投影字滚动
投影字滚动效果投影字滚动效果
代码：
<div class="cnt"><p align="center" ><marquee style="WIDTH:60%; HEIGHT:60px" scrollamount="4" direction="left" ><div align="left" ><TABLE align=center ><DIV align=center><DIV style="FILTER: glow(color=#ff0033 strength=6); WIDTH: 100%; COLOR: #ff00ff"; >
<DIV style="FILTER: shadow(color=#ff0033, strength=20 direction=45); WIDTH: 540px; HEIGHT: 60px">
<br><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 34px; LINE-HEIGHT: 100%;
FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#FFCCCC >
投影字滚动效果投影字滚动效果
</FONT></DIV></DIV></DIV></TABLE></font ></font ></font ></p></div >
04、两行文字相背滚动
欢迎你朋友
友朋你迎欢
代码：
<DIV align=center align=center width=60%><FONT face=隶书 color=#00ff00 size=6>
<MARQUEE width=240 height=50>欢迎你朋友</FONT></MARQUEE><FONT face=隶书 color=#00ff00 size=6><MARQUEE direction=right width=240 height=50>友朋你迎欢
</MARQUEE></FONT></FONT></DIV>
05、两行文字相对滚动
你给献玫瑰
玫瑰献给你
代码：
<div align=center><MARQUEE direction=right width=300 height=25><FONT face=隶书 color=#ff0000 size=6>你给献玫瑰</FONT></MARQUEE></FONT> <MARQUEE width=300 height=25><FONT face=隶书 color=#ff0000 size=6>玫瑰献给你</FONT></MARQUEE></div>
06、上下文字合并滚动
上组文字上组文字
下组文字下组文字
代码：
<MARQUEE scrollAmount=4 direction=down height=60>
<CENTER><FONT style="FONT-SIZE: 26pt; WIDTH: 100%; COLOR: #FF0000 ; LINE-HEIGHT: 150%; FONT-FAMILY:隶书">上组文字上组文字</FONT></CENTER></MARQUEE>
<MARQUEE scrollAmount=4 direction=up height=60>
<CENTER><FONT style="FONT-SIZE: 26pt; WIDTH: 100%; COLOR: #FF0000 ; LINE-HEIGHT: 150%; FONT-FAMILY:隶书">下组文字下组文字</FONT></CENTER></MARQUEE>
07、文字交替跳跃
跳
跃
的
文
字
代码：
<CENTER><FONT style="FONT-SIZE: 28pt; FILTER: glow(color: #CC3300 ,pink=25); WIDTH: 100%; COLOR: #FFCC99 ; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">
<MARQUEE direction=up behavior=alternate width=80 height=100>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=100>
<CENTER><B>的</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=100>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>
08、文字百叶窗式滚动（无背景）
填写标题填写标题填写标题
这
里
是
显
示
的
文
字
代码：
<table width="400" border="0" align="center">
<tr><td><div align="center" ><FONT face=宋体 color=#FF0000 size=4>
填写标题填写标题填写标题
</FONT></div></td></tr></table>
<CENTER>
<MARQUEE scrollAmount=2 width=60 height=68 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>这</B></FONT></B>
</MARQUEE>
<MARQUEE scrollAmount=2 width=60 height=68 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>里</B></FONT></B>
</MARQUEE>
<MARQUEE scrollAmount=2 width=60 height=68 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>是</B></FONT></B>
</MARQUEE>
<MARQUEE scrollAmount=2 width=60 height=68 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>显</B></FONT></B>
</MARQUEE>
<MARQUEE scrollAmount=2 width=60 height=68 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>示</B></FONT></B>
</MARQUEE>
<MARQUEE scrollAmount=2 width=60 height=68 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>的</B></FONT></B>
</MARQUEE>
<MARQUEE scrollAmount=2 width=60 height=68 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>文</B></FONT></B>
</MARQUEE>
<MARQUEE scrollAmount=2 width=60 height=68 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>字</B></FONT></B>
</MARQUEE></FONT></CENTER></DIV></DIV></DIV></DIV>
-----------------------------------------------------------------------------------------
给上面的滚动文字添加背景
这
里
是
显
示
的
文
字
代码：
<table width="600" height="100" border="0" align="center" cellpadding="0" cellspacing="20" background="http://image48.360doc.com/DownloadImg/2011/12/1923/20154855_1.jpg"><tr><td align="center" valign="middle">
<MARQUEE scrollAmount=4 width=60 height=60 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt;
LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000></FONT>
<p align="center"><font color="#ff0000" face="华文彩云" style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal"><B>这</B></font></MARQUEE>
<MARQUEE scrollAmount=4 width=60 height=60 scrolldely="10" align="center">
<p align="center"><font color="#ff0000" face="华文彩云" style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal"><B>里</B></font></MARQUEE>
<MARQUEE scrollAmount=4 width=60 height=60 scrolldely="10" align="center">
<p align="center"><font color="#ff0000" face="华文彩云" style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal"><B>是</B></font></MARQUEE>
<MARQUEE scrollAmount=4 width=60 height=60 scrolldely="10" align="center">
<p align="center"><font color="#ff0000" face="华文彩云" style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal"><B>显</B></font></MARQUEE>
<MARQUEE scrollAmount=4 width=60 height=60 scrolldely="10" align="center">
<p align="center"><font color="#ff0000" face="华文彩云" style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal"><B>示</B></font></MARQUEE>
<MARQUEE scrollAmount=4 width=60 height=60 scrolldely="10" align="center">
<p align="center"><font color="#ff0000" face="华文彩云" style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal"><B>的</B></font></MARQUEE>
<MARQUEE scrollAmount=4 width=60 height=60 scrolldely="10" align="center">
<p align="center"><font color="#ff0000" face="华文彩云" style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal"><B>文</B></font></MARQUEE>
<MARQUEE scrollAmount=4 width=60 height=60 scrolldely="10" align="center">
<p align="center"><font color="#ff0000" face="华文彩云" style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal;
FONT-STYLE: normal; FONT-VARIANT: normal"><B>字</B></font></MARQUEE></td></tr></table>
09、发光字上下跳跃
=我=
=们=
=一=
=起=
=跳=
代码：
<CENTER><FONT style="FONT-SIZE: 22pt; FILTER: glow(color:#ee99ff,strength=25); WIDTH: 100%; COLOR: #ee0066; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">
<MARQUEE direction=up behavior=alternate width=100 height=180>
<CENTER>=我=</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=100 height=110>
<CENTER>=们=</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=100 height=180>
<CENTER>=一=</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=100 height=110>
<CENTER>=起=</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=100 height=180>
<CENTER>=跳=</CENTER></MARQUEE></FONT></CENTER>
10、多文字交替滚动
162738495
代码：
<MARQUEE style="FONT-SIZE: 22pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); FONT-FAMILY: 华文新魏; HEIGHT: 200px" scrollAmount=8 direction=right behavior=alternate><STRONG>
<FONT color=#FF0000><MARQUEE direction=up behavior=alternate width=50 height=150>1</MARQUEE>
<FONT color=#800040><MARQUEE direction=up behavior=alternate width=50 height=100>6</MARQUEE>
<FONT color=#008040><MARQUEE direction=up behavior=alternate width=50 height=150>2</MARQUEE>
<FONT color=#FF00FF><MARQUEE direction=up behavior=alternate width=50 height=100>7</MARQUEE>
<FONT color=#FF8000><MARQUEE direction=up behavior=alternate width=50 height=150>3</MARQUEE>
<FONT color=#00FF00><MARQUEE direction=up behavior=alternate width=50 height=100>8</MARQUEE>
<FONT color=#0080FF><MARQUEE direction=up behavior=alternate width=50 height=150>4</MARQUEE>
<FONT color=#FF8080><MARQUEE direction=up behavior=alternate width=50 height=100>9</MARQUEE>
<FONT color=#FF0000><MARQUEE direction=up behavior=alternate width=50 height=150>5</MARQUEE>
</FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></STRONG></MARQUEE>
11、文字带颜色背景滚动
写内容写内容写内容
代码：
<MARQUEE scrollAmount=4 direction=up behavior="alternate" height=150>
<TABLE width=400 cellSpacing=0 cellPadding=0 align=center background=http://image48.360doc.com/DownloadImg/2011/12/1923/20154855_2.jpg>
<TD style="FILTER: chroma(color=#00FF00)"><TABLE align=center bgColor=#FF0000>
<TD width=400 align=center><FONT style="FONT-SIZE:36px" color=#00FF00 face=隶书>
写内容写内容写内容
</FONT></TD></TD></TABLE></TABLE></MARQUEE>
12、文字带图片背景滚动
这里写文字这里写文字
代码：
<div class="cnt"><p align="center" ><marquee style="WIDTH:600px; HEIGHT:120px" scrollamount="4" direction="up" >
<div align="left"><DIV align=center><TABLE cellSpacing=0 cellPadding=0 align=center background=http://image48.360doc.com/DownloadImg/2011/12/1923/20154855_3.jpg>
<TBODY><TR><TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://image48.360doc.com/DownloadImg/2011/12/1923/20154855_4.jpg width=600 height=63><TBODY><TR><TD align=middle><FONT size=7 style="FONT-WEIGHT: normal; LINE-HEIGHT: 32px; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#336699>
这里写文字这里写文字
</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></div></p></div >
