一、从右向左移动
<marquee scrollamount=5 direction=left><img
src=http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg>
</marquee>
二、从左向右移动
<marquee scrollamount=5 direction=right>
<img src= http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg >
</marquee>
三、由下往上移动
<marquee scrollAmount=3 direction=up><img
src= http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg width=200 height=100></marquee>
四、由上往下移动
<marquee scrollAmount=3 direction=down><img
src= http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg width=200 height=160></marquee>
五、由下往上S移动
<DIV align=center> <MARQUEE scrollAmount=2 behavior=alternate width=630 height=471><MARQUEE scrollAmount=2
direction=up width=330 height=471><IMG src=" http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg "></MARQUEE></MARQUEE></DIV>
六、来回移动
<marquee width=100% behavior=alternate scrollamount=5 ><img src= http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg width=190 height=120></marquee>
七、中间向两边分
<P align=center><FONT face=华文彩云 color=#ee110e size=5>
<MARQUEE width=300 height=70><IMG src="http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg" >
香雪园欢迎您 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111
size=5>
<MARQUEE direction=right width=300 height=70>香雪园欢迎您 <IMG src="http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg" ></FONT></MARQUEE>
</FONT></FONT></P>
八、两边向中间移
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=50 direction=right width=173><IMG src="http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=50 width=172><IMG src="http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=50 direction=right width=172><IMG src="http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=50 width=172><IMG src="http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg"></MARQUEE>
</TD></TR></TBODY></TABLE></DIV>
九、图片中加入字幕
<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: ; OVERFLOW-X: hidden; WIDTH: 97%;
WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">
<P align=center><BR>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=580 align=center background= http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT face=宋书 color=#ff0000 size=12>朋友您好!</FONT></P>
<P align=center><FONT face=宋书 color=#ff0000 size=12>欢迎光临!</FONT></P>
<P align=center><FONT face=宋书 color=#ff0000 size=12>梅花仙子的香雪园!</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>
注:向下:down 向左:alternate 向右:right
10、图片在水中倒影的特效
<IMG id=reflect src=" http://hiphotos.baidu.com/meihuaxianz/pic/item/cb1ca1dc5fac.jpg
"> <BR>
<SCRIPT language=JavaScript1.2>
function f1(){setInterval("mdiv.filters.wave.phase+=10",100); }
if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,
phase=0,lightstrength=30) blur() flipv()">')
window.onload=f1}</SCRIPT>
各参数详解:
1 scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
2 width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
3 direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:向上(up)
向下(down) 向左(left) 向右(right)。
4 scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
5 behavior。表示移动方式,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,
然后停止滚动)
6 width图片的宽度;height图片要移动的上下距离;