一、从右向左移动:
<MARQUEE>
<IMG
src="http://img.blog.163.com/photo/2z3ist2HvtgFruGaz_yBDg==/882987001941665959.jpg">
<BR><FONT
color=#0000ff size=4>从右向左移动</FONT></MARQUEE>
效果1:
二、从左向右移动:
<MARQUEE direction=right><IMG
src="http://img.blog.163.com/photo/JDyI83KnbYlTeTUC5f8eXg==/2270658637125291113.jpg"
width=140 height=140><BR>
<FONT color=#0000ff size=4
face=宋体><B>从左向右移动</B></FONT></MARQUEE>
效果2:
三、左右来回移动:
<MARQUEE behavior=alternate width="100%"
scrollAmount=10>
<IMG
src="http://img.blog.163.com/photo/JnG3S-M6yCM-GBrhLN40LA==/3976396995991759232.jpg"
width=150 height=160><BR><FONT color=#0000ff size=5
face=华文行楷><B>来回移动</B>
</FONT></MARQUEE>
效果3
四、从下向上移动:
<MARQUEE direction=up
scrollAmount=5>
<CENTER>
<IMG
src="http://img.blog.163.com/photo/6JhbBvXfiLn02ER0M-pxyQ==/4295026669628294854.jpg"
width=100 height=180></CENTER></MARQUEE>
效果4:
五、从上向下移动:
<MARQUEE direction=down
scrollAmount=5>
<CENTER><FONT color=#0000ff size=5
face=华文行楷><B>从上向下移动</B></FONT><BR>
<IMG
src="http://img.blog.163.com/photo/6JhbBvXfiLn02ER0M-pxyQ==/4295026669628294854.jpg"
width=100 height=180></CENTER></MARQUEE>
效果5:
六、上下起伏移动:
<MARQUEE>
<MARQUEE direction=up height=300
behavior=alternate><IMG
src="http://img.blog.163.com/photo/2z3ist2HvtgFruGaz_yBDg==/882987001941665959.jpg">
<IMG
src="http://img.blog.163.com/photo/2z3ist2HvtgFruGaz_yBDg==/882987001941665959.jpg">
</MARQUEE></MARQUEE>
效果6:
七、中间反向移动:
<DIV align=center>
<TABLE border=0 width=600
height=150>
<TBODY>
<TR>
<TD>
<MARQUEE
height=150 width=300 scrollAmount=5><IMG style="FILTER: fliph"
src="http://img74.ph.126.net/4sBQbPyO1FrwmWTcbvkWQw==/850898854596761743.gif"
width=150 height=150></MARQUEE></TD>
<TD>
<MARQUEE
direction=right height=150 width=300 scrollAmount=5>
<IMG
style="MARGIN-LEFT: -150px" align=center
src="http://img74.ph.126.net/4sBQbPyO1FrwmWTcbvkWQw==/850898854596761743.gif"
width=150
height=150></MARQUEE></TD></TR></TBODY></TABLE></DIV>
效果7:
八、上下反向移动:
<CENTER>
<MARQUEE direction=up
scrollAmount=5><IMG style="TEXT-ALIGN: center; DISPLAY: block"
src="http://img.blog.163.com/photo/JnG3S-M6yCM-GBrhLN40LA==/3976396995991759232.jpg"
width=180></MARQUEE>
<MARQUEE direction=down
scrollAmount=5>
<DIV style="FILTER: flipv"><IMG
style="TEXT-ALIGN: center; DISPLAY: block"
src="http://img.blog.163.com/photo/JnG3S-M6yCM-GBrhLN40LA==/3976396995991759232.jpg"
width=180></DIV></MARQUEE></CENTER>
效果8:
评论