二,、向右移動(dòng) 示例:
三、向上移動(dòng) 示例:
四,、向下移動(dòng)
http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></CENTER></MARQUEE>示例:
示例:
五,、來(lái)回移動(dòng) 六,、上下起伏
七、中間向兩邊移動(dòng): 示例:
<MARQUEE scrollAmount=3 direction=up>
示例:
效果1:
代碼:效果1 <MARQUEE scrollAmount=3 direction=left behavior=slide width=330 height=371><MARQUEE scrollAmount=3 direction=right behavior=slide width=330 height=371><DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></DIV></MARQUEE></MARQUEE> 效果2
代碼:效果2 <MARQUEE scrollAmount=3 direction=down height=371><MARQUEE scrollAmount=3 direction=up height=371> <DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></DIV></MARQUEE></MARQUEE> 效果3:
代碼:效果3 <MARQUEE scrollAmount=3 direction=up height=371><MARQUEE scrollAmount=3 direction=down height=371><DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></DIV></MARQUEE></MARQUEE> 效果四:
代碼:效果4 <MARQUEE scrollAmount=3 direction=right width=330 height=371><MARQUEE scrollAmount=3 direction=left width=330 height=371> <DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></DIV></MARQUEE></MARQUEE> 效果五:
代碼:效果5 <MARQUEE scrollAmount=3 direction=left width=330 height=371><MARQUEE scrollAmount=3 direction=right width=330 height=371> <DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></DIV></MARQUEE></MARQUEE> 效果六:
代碼:效果6 <MARQUEE scrollAmount=2 direction=up behavior=alternate height=471><MARQUEE scrollAmount=2 direction=up height=371> <DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></DIV></MARQUEE></MARQUEE> 效果七:
代碼:效果7
<DIV align=center> <MARQUEE scrollAmount=2 behavior=alternate width=630 height=471><MARQUEE scrollAmount=2 direction=up width=330 height=471><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></MARQUEE></MARQUEE></DIV> 效果八:
代碼:效果8 <MARQUEE scrollAmount=3 behavior=alternate width="100%"><MARQUEE scrollAmount=3 width="98%"><DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></DIV></MARQUEE></MARQUEE> 效果9:
代碼:效果9 <MARQUEE scrollAmount=2 direction=down><DIV align=center><IMG src="http://wrxpt.go1./texiaodaima/02/100.gif"><br><br><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br></DIV> </MARQUEE> <MARQUEE style=" FILTER: flipv(enabled=1)" scrollAmount=2 direction=down> <DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br></DIV> </MARQUEE> 效果10:
代碼:效果10 <DIV align=center> <MARQUEE scrollAmount=2 direction=up><DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://img.ph.126.net/pR-Q0KCWxE7cUHYa1fMfsg==/3337730273835472037.jpg"><br><br></DIV></MARQUEE> <MARQUEE style="FILTER: flipv(enabled=1)" scrollAmount=2 direction=up> <DIV align=center><IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"><br><br> <IMG src="http://img.ph.126.net/pR-Q0KCWxE7cUHYa1fMfsg==/3337730273835472037.jpg"><br><br></DIV></MARQUEE> 圖片對(duì)開(kāi)移動(dòng):
<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 src=" http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src=" http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src=" http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src=" http://image109.360doc.com/DownloadImg/2018/09/2309/145039866_1_20180923090018849.gif"></MARQUEE></TD></TR></TBODY></TABLE>
注: 各參數(shù)詳解: ?,)scrollAmount。它表示速度,,值越大速度越快,。如果沒(méi)有它,默認(rèn)為6,,建議設(shè)為1~3比較好,。 b)width和height,,表示滾動(dòng)區(qū)域的大小,,width是寬度,,height是高度。特別是在做垂直滾動(dòng)的時(shí)候,,一定要設(shè)height的值,。 c)direction,。表示滾動(dòng)的方向,默認(rèn)為從右向左:←←←,??蛇x的值有right、down,、up,。滾動(dòng)方向分別為:right表示→→→,up表示↑,,down表示↓,。 d)scrollDelay,,這也是用來(lái)控制速度的,,默認(rèn)為90,值越大,,速度越慢,。通常scrollDelay是不需要設(shè)置的。 ?,)behavior,。用它來(lái)控制屬性,默認(rèn)為循環(huán)滾動(dòng),,可選的值有alternate(交替滾動(dòng)),、slide(幻燈片效果,指的是滾動(dòng)一次,,然后停止?jié)L動(dòng)) 代碼中金黃色和紅色部分是圖片地址,。
|
|
來(lái)自: 郁丫兒 > 《學(xué)習(xí)教程》