1.圖片向上移動效果代碼:
<CENTER>
<MARQUEE width=240 scrollAmount=3 height=200 direction=up> <P><IMG height=320 src="圖片地址1" width=240></P> <P><IMG height=320 src="圖片地址2" width=240></P> <P><IMG height=320 src="圖片地址3" width=240></P> </MARQUEE></CENTER>
2.圖片向下移動效果圖:
2.圖片向下移動的效果代碼:
<CENTER>
<MARQUEE width=240 scrollAmount=3 height=200 direction=down> <P><IMG height=320 src="圖片地址1" width=240></P> <P><IMG height=320 src="圖片地址2" width=240></P> <P><IMG height=320 src="圖片地址3" width=240></P> </MARQUEE></CENTER>
3、圖片向右移動的效果圖:
3,、圖片向右移動的效果代碼:
<CENTER> <MARQUEE width=300 scrollAmount=3 height=320 direction=right> <IMG height=320 src="圖片地址1" width=240></A> <IMG height=320 src="圖片地址2" width=240></A> <IMG height=320 src="圖片地址3" width=240></A> </MARQUEE></CENTER>
4.圖片向左移動的效果圖:
4.圖片向左移動的效果代碼:
<CENTER>
<MARQUEE width=300 scrollAmount=3 height=320 > <IMG height=320 src="圖片地址1" width=240> <IMG height=320 src="圖片地址2" width=240> <IMG height=320 src="圖片地址3" width=240> </MARQUEE></CENTER>
5.圖片來回移動效果圖:
5.圖片來回移動效果代碼:
<CENTER> <MARQUEE width=300 scrollAmount=3 height=320 behavior="alternate"> <IMG height=240 src="圖片地址1" width=240></A> <IMG height=240 src="圖片地址2" width=240></A> <IMG height=240 src="圖片地址3" width=240></A> </MARQUEE></CENTER>
6.圖片居中向兩邊移動的效果圖:
6.圖片居中向兩邊移動的效果代碼:
<center><marquee width=240 scrollAmount=3 height=320> <img width=240 src=圖片地址1 height=320> <img width=240 src=圖片地址2 height=320> </marquee><marquee direction=right width=240 scrollAmount=3 height=320> <img width=240 src=圖片地址2 height=320> <img width=240 src=圖片地址1 height=320> </marquee></center>
7.圖片居中上下分開移動效果圖:
7.圖片居中上下分開移動的效果代碼:
<marquee direction=up scrollAmount=3><center>
<P><img src="圖片地址1" width=240 height=320></P>
<P><img src="圖片地址2" width=240 height=320></P>
</marquee></center>
<marquee direction=down scrollAmount=3><center><div style="width:240;filter:flipv;">
<p><img src="圖片地址2" width=240 height=320></P>
<p><img src="圖片地址1" width=240 height=320></p>
</div></marquee></center>
8.圖片對開移動的效果圖:
8.圖片對開移動的效果代碼:
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0><TBODY><TR>
<TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120> <IMG width=240 src="圖片地址1" height=320> </MARQUEE></TD>
<TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120> <IMG width=240 src="圖片地址2" height=320> </MARQUEE></TD>
<TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120> <IMG width=240 src="圖片地址1" height=320> </MARQUEE></TD>
<TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120> <IMG width=240 src="圖片地址2" height=320> </MARQUEE></TD>
</TR></TBODY></TABLE>
9.由上至下隱現(xiàn)效果圖:
9.由上至下隱現(xiàn)效果代碼:
<MARQUEE scrollAmount=3 direction=down height=320> <MARQUEE scrollAmount=3 direction=up height=320> <DIV align=center> <IMG height=320 src="圖片地址" width=240>
</DIV></MARQUEE>
10.由下至上隱現(xiàn)效果圖 :
10.由下至上隱現(xiàn)效果代碼 :
<MARQUEE scrollAmount=3 direction=up height=320> <MARQUEE scrollAmount=3 direction=down height=320> <DIV align=center> <IMG height=320 src="圖片地址" width=240> </DIV></MARQUEE>
代碼中的各參數(shù)詳解
(1)scrollAmount。它表示速度,,值越大速度越快。如果沒有它,,默認(rèn)為6,,建議設(shè)為1~3比較好。
(2)width和height,,表示滾動區(qū)域的大小,,width是寬度,height是高度,。特別是在做垂直滾動的時候,,一定要設(shè)height的值。
(3)direction,。表示滾動的方向,,默認(rèn)為從右向左:←←←??蛇x的值有right、down,、up,。滾動方向分別為:right表示→→→,up表示↑,,down表示↓,。
(4)scrollDelay,這也是用來控制速度的,,默認(rèn)為90,,值越大,速度越慢,。通常scrollDelay是不需要設(shè)置的,。
(5)behavior。用它來控制屬性,默認(rèn)為循環(huán)滾動,,可選的值有alternate(交替滾動),、slide(幻燈片效果,是滾動一次,,然后停止?jié)L動)
(6)粉色地方是圖片地址,,換上自己喜歡的圖片。
代碼語言分析解釋:
1.背景顏色地方 表示效果中限制的圖片大小值,,width=寬 height=高
2.scrollAmount=3地方表示滾動速度 其中3表示數(shù)值 數(shù)值1到6 默認(rèn)為6 提示:1到3為最佳效果,。
3.width=240表示圖片的寬度 參照圖片大小修改 以上效果演示圖寬=240
4.height=320表示圖片的高度 參照圖片大小修改 以上效果演示圖高=320
5.粉色地方表示圖片的地址 可以替換你喜歡的圖片地址 如以上代碼的圖片地址 圖片地址1 圖片地址2 圖片地址3等均為圖片地址 表明 1.2.3.是為了有些效果中有些相同的圖片.有些特效想多加圖片數(shù)量,只需要將:<IMG height=240 src="圖片地址" width=240></A> 這組代碼加在代碼:</DIV></MARQUEE>前面就可以了,,需要幾幅就加幾組,。
最后 代碼的演示還要自己親自動手去體會,有許多技巧需要朋友們在制作中去參悟和修改,。
|