文字图片从中间向两边劈开
效果:
代码:
<DIV align=center>
<MARQUEE width=250 height=50><FONT face=宋体 color=#ff0000 size=7>泉友欢迎朋友</FONT></MARQUEE></FONT>
<MARQUEE direction=right width=250 height=50><FONT face=宋体 color=#ff0000 size=7>泉友欢迎朋友</FONT></MARQUEE></FONT></DIV>
一.简单实用的移动效果(也适应于图片)
效果:
代码:
<MARQUEE>泉友欢迎您</MARQUEE>
二、限定文字(或图片)在一定的范围内上下左右移动。
效果:
以向上为例:
代码:
<MARQUEE width=600 height=100 scrollAmount=2 direction=up>
心态决定一切,实力捍卫尊严——泉友</MARQUEE>
在代码中:width表示宽度; height(表示在一定范围高度里移动;direction表示移动方向,其中:“direction=left”表示向左移动,direction=right”表示向右移动, “direction=up”表示向上移动, “direction=down”表示向下移动;scrollAmount表示移动速度,如:scrollAmount=1表示移动速度为1,数越大越快); bgcolor表示颜色。头尾数码对称。
三、文字在限定范围内上下左右移动
效果:
代码:
<TABLE>
<TBODY>
<TR>
<TD width=590 bgColor=颜色>
<MARQUEE scrollAmount=1 direction=down behavior=alternate height=60>
<MARQUEE scrollAmount=4 direction=right behavior=alternate width=590>你快乐我快乐,泉友祝福您!</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
四、文字在限定范围内左右交替移动
效果:
|
心态决定一切,实力捍卫尊严——泉友 |
代码:
<TD vAlign=top width=1>
<MARQUEE scrollAmount=1 direction=down behavior=alternate height=60>
<MARQUEE scrollAmount=4 direction=right behavior=alternate width=590>心态决定一切,实力捍卫尊严——泉友!</MARQUEE></MARQUEE></TD>
<TD width=590>
<MARQUEE scrollAmount=1 direction=up behavior=alternate height=60>
<MARQUEE scrollAmount=4 behavior=alternate width=590>心态决定一切,实力捍卫尊严——泉友</MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
五、文字左右来回移动
效果:
我如星君如月,夜夜相皎洁
代码:
<MARQUEE width=600 scrollAmount=5 behavior=alternate>我如星君如月,夜夜相皎洁</MARQUEE>
六、文字原地上下移动
效果:
我如星君如月,夜夜相皎洁
代码:
<CENTER><FONT SIZE=5 COLOR=#FFFF00 FONT=宋体>
<MARQUEE direction=up behavior=alternate width=600 height=120>
<CENTER><B>我如星君如月,夜夜相皎洁</B></CENTER></MARQUEE>
</FONT></CENTER>
七.投影字
效果:
代码:
<DIV align=center>
<DIV style="FILTER: shadow(color=#009933(投影颜色), strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=行楷 color=#ff0000(字面颜色) size=7><B>
<CENTER>泉友博客欢迎您</B></CENTER></FONT>
<DIV align=left><BR><BR></DIV>
八、上下靠拢特效
效果:
实力捍卫尊严——泉友
实力捍卫尊严——泉友
代码:
<CENTER>
<MARQUEE scrollAmount=2 direction=down height=50>
<CENTER><FONT face=宋体 color=#FF0000 size=6><B>实力捍卫尊严——泉友
</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE scrollAmount=2 direction=up height=50>
<CENTER><FONT face=宋体 color=#FF0000 size=6><B>实力捍卫尊严——泉友
</FONT></CENTER></B></MARQUEE></CENTER></DIV>
</CENTER>
九、阴影字移动
效果:
阴影字移动
代码:
<MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 ); WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: 隶书" scrollAmount=3 height=50 FONT>阴影字移动</MARQUEE>
十、闪光字体移动
效果:(最下面)
代码:
<DIV align=center>
<MARQUEE scrollAmount=3 direction=up width=340>
<TABLE borderColor=#ff00cc cellSpacing=0 cellPadding=0 width=340 align=center background=http://image27.360doc.com/DownloadImg/2011/04/0817/10744239_7.gif border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699">
<TABLE width=340 align=center bgColor=#000000>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 35pt" face=宋体 color=#336699><B>泉友欢迎您</B></FONT></TD></TR></TBODY></TABLE></TR></TBODY></TABLE></DIV>
十一移动的彩色字
效果:
撞进泉友博客!愿给您带来快乐!
代码:
<MARQUEE style="FONT-SIZE: 30pt; FILTER: dropshadow(color=#00CD00,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #EE0000; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 behavior=alternate FONT><B>撞进泉友博客!愿给您带来快乐!</B></FONT></MARQUEE>
十二、竖排字移动
效果
一剪梅
李清照
红藕香残玉簟秋
轻解罗裳
独上兰舟
云中谁寄锦书来
雁字回时
月满西楼
花自飘零水自流
一种相思
两处闲愁
此情无计可消除
才下眉头
却上心头
泉友编辑
代码:
</P>
<P align=left>
<MARQUEE style="WRITING-MODE: tb-rl" scrollAmount=2 scrollDelay=100 direction=up width=600 height=290><FONT style="FONT-SIZE: 18pt; COLOR: #ea0000; FONT-FAMILY: 方正姚体" color=#ff0000>一剪梅<BR>李清照<BR> 红藕香残玉簟秋<BR>轻解罗裳<BR>独上兰舟<BR>云中谁寄锦书来<BR>雁字回时<BR>月满西楼<BR>花自飘零水自流<BR>一种相思<BR>两处闲愁<BR>此情无计可消除<BR>才下眉头<BR>却上心头<BR><BR>泉友编辑<BR><BR><BR><BR></FONT></MARQUEE></P>