新闻列表 滚动特效

１上下滚动：
代码：<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>
代码：从２开始
２、向上移动的文字
</font><br><P align=center>
<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up>
<P align=center><FONT style='font-family:隶书;' color=#ff0000 style='font-size:48px'><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>
３、向下移动的文字
<P align=center>
<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down>
<P align=center><FONT style='font-family:隶书;' color=#ff0000 style='font-size:48px'><B>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>
４、向左移动的文字
<P align=center>
<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8>
<P align=center><FONT style='font-family:隶书;' color=#ff0000 style='font-size:24px'><B>向左移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>
５、向右移动的文字
<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>
<P align=center><FONT style='font-family:隶书;' color=#ff0000 style='font-size:48px'><B>向右移动的文字</B></FONT></P></MARQUEE></P>
６、由中间向两边移动的文字和图像
<P align=center> </P>
<P align=center><FONT face=华文彩云 color=#ee110e style='font-size:24px'>
<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="" >由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e style='font-size:24px'><FONT face=华文彩云 color=#ee1111 style='font-size:24px'>
<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="" ></FONT></MARQUEE></FONT></FONT></P></FONT>
７、来回走动的文字
</font><br>
<P align=center> </P>
<P align=center>
<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?>
<P align=center><FONT style='font-family:隶书;' color=#ff0000 style='font-size:32px'><B>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>
８、波浪式的文字
</font><br><P align=center> </P>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="">
<DIV align=center><FONT style='font-family:隶书;' color=red style='font-size:48px'>波浪式的文字</FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>
９、左右运动的文字
</font><br><DIV align=center>
<MARQUEE direction=right width=250 height=50>
<DIV align=center> <FONT style='font-family:隶书;' color=#ff0000 style='font-size:48px'>左右运动的文字</FONT></DIV></MARQUEE></DIV>
<DIV align=center>
<MARQUEE width=250 height=50>
<DIV align=center><FONT style='font-family:隶书;' color=#ff0000 style='font-size:48px'>左右运动的文字</FONT></DIV></MARQUEE></DIV>
１０、其实倒影字就这么简单！
</font><br><P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单！</EM></B></FONT><FONT style="FONT-SIZE: 30pt; FILTER: FlipV; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单！</EM></B></FONT></P>
1１、原地跳动的文字
<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>地</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>
１２、交替跳跃的文字
<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<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=160>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<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=160>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>
１３、模糊的背景字
<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>模</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>糊</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>背</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>景</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>
１４、穿梭的文字
<P><STRONG></STRONG>
<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 style='font-size:32px'>穿　穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 style='font-size:32px'>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc style='font-size:32px'>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 style='font-size:32px'>字 字</FONT></B></MARQUEE><STRONG></CENTER>

<MARQUEE onmouseover=this.stop(); onmouseout=this.start();
scrollAmount=1 scrollDelay=1 direction=up width="100%"
height=100>

</MARQUEE>

<marquee height="400" direction="up" width="500" bgcolor="#000000">
<marquee height="50" direction="left" width="100%">
<font style="font-size: 20px; color:#fff">MARQUEE</font>
</marquee>
</marquee>

<table>
<tr>
<td bgcolor=#000000 width=468>
<marquee direction="down" behavior="alternate" scrollamount=1 height="60">
<marquee direction="right" behavior="alternate" scrollamount=4 width="468">
滚动文字特效四处碰壁
</marquee>
</marquee>
</td>
</tr>
</table>

<table bgcolor="#000000">
<tr><td width="1" valign="top" >
<marquee direction="down" behavior="alternate" scrollamount=1 height="60">
<marquee direction="right" scrollamount=4 behavior="alternate" width="468">
滚动文字特效四处碰壁
</marquee>
</marquee>
</td>
<td width="468">
<marquee direction="up" behavior="alternate" scrollamount=1 height="60">
<marquee direction="left" scrollamount=4 behavior="alternate" width="468">
体验编写代码的乐趣 滚动文字特效四处碰壁
</marquee>
</marquee>
</td></tr></table>

Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。
　　格式：
　　<MARQUEE ALIGN="..."
　　BEHAVIOR="..."
　　BGCOLOR="..."
　　DIRECTION="..."
　　HEIGHT="..."
　　WIDTH="..."
　　HSPACE="..."
　　VSPACE="..."
　　LOOP="..."
　　SCROLLAMOUNT="..."
　　SCROLLDELAY="..."
　　>...
　　</MARQUEE>

　　属性：
　　ALIGN：用于按设定的值对齐滚动的文本。ALIGN可以设定的值有：LEFT，CENTER，RIGHT，TOP，BOTTOM。此属性不是必须使用的。
　　例：
　　<MARQUEE ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE>

　　效果：

　　这段滚动文字设定为上对齐

　　BEHAVIOR：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLIDE，那么文本就移动到文档上，并停留在页边距上。如果设定为ALTERNATE，则文本从一边移动到另一边。如果设定为SCROLL，文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有：SILIDE，ALTERNATE，SCROLL。
　　例：
　　<MARQUEE BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE>

　　效果：

　　文字从一边移动到另一边

　　BGCOLOR：用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。
　　例：
　　<MARQUEE BGCOLOR="RED">用颜色名称设定滚动文字背景颜色为红色</MARQUEE>
　　<MARQUEE BGCOLOR="#FF0000">用16进制值设定滚动文字背景颜色为红色</MARQUEE>
　　<MARQUEE BGCOLOR=RGB(100%,0%,0%)>用RGB设定滚动文字背景颜色为红色</MARQUEE>

　　效果：

　　用颜色名称设定滚动文字背景颜色为红色

　　DIRECTION：用于设定文本滚动的方向，可以设定的值有：LEFT，RIGHT。此属性不是必须使用的。
　　例：
　　<MARQUEE DIRECTION="LEFT">文字向左边滚动</MARQUEE>
　　<MARQUEE DIRECTION="RIGHT">文字向右边滚动</MARQUEE>

　　效果：

　　文字向左边滚动

　　文字向右边滚动

　　HEIGHT：用于设定滚动字幕的高度，高度可用像素或可视页面的百分比来表示。此属性不　　是必须使用的。
　　例：
　　<MARQUEE HEIGHT="10%">滚动字幕的高度是可视页面的10%</MARQUEE>
　　<MARQUEE HEIGHT="12">滚动字幕的高度是12像素</MARQUEE>

　　效果：

　　滚动字幕的高度是12像素

　　WIDTH：用于设定字幕的宽度，宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。
　　例：
　　<MARQUEE WIDTH="90%">滚动字幕的宽度是可视页面的90%</MARQUEE>
　　<MARQUEE WIDTH="200">滚动字幕的宽度是200像素</MARQUEE>

　　效果：

　　滚动字幕的宽度是可视页面的90%

　　滚动字幕的宽度是200像素

　　HSPACE：用于设定滚动字幕左右的空白空间，空白空间用像素表示。此属性不是必须使用的。
　　例：
　　<MARQUEE HSPACE="15">滚动字幕左右空白空间为15个像素</MARQUEE>

　　效果：

　　滚动字幕左右空白空间为15个像素

　　VSPACE：用于设定滚动字幕上下的空白空间，空白空间用像素表示。此属性不是必须使用的。
　　例：
　　<MARQUEE VSPACE="2">滚动字幕上下的空白空间为2个像素</MARQUEE>

　　效果：

　　滚动字幕上下的空白空间为2个像素

　　LOOP：用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时，则文字会无限制地滚动。此属性不是必须使用的。
　　例：
　　<MARQUEE LOOP="-1">文字滚动无数次</MARQUEE>
　　<MARQUEE LOOP="5">文字滚动5次</MARQUEE>

　　效果：

　　文字滚动无数次

　　SCROLLAMOUNT：用于设定每个连续滚动文本后面的间隔，该间隔用像素表示。此属性不是必须使用的。
　　例：
　　<MARQUEE SCROLLAMOUNT="10">此文本后面的间隔为10个像素</MARQUEE>

　　效果：

　　此文本后面的间隔为10个像素

　　SCROLLDELAY：用于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。此属性不是必须使用的。
　　例：
　　<MARQUEE SCROLLDELAY="5">此文本两次滚动之间的间隔时间为5毫秒</MARQUEE>

　　效果：

　　此文本两次滚动之间的间隔时间为5毫秒