圖片各種移動代碼彙編

一、向左移動<MARQUEE><IMG style="WIDTH: 300px; HEIGHT: 175px" src="http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><BR></MARQUEE></P></STRONG>

二、向右移動<MARQUEE direction=right><IMG style="WIDTH: 300px; HEIGHT: 175px" src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><BR><FONT face=宋體 color=#0000ff size=3><B>從左向右移動</B></FONT></MARQUEE>示例：

從左向右移動三、向上移動<MARQUEE scrollAmount=2 direction=up><CENTER><FONT face=華文行楷 color=#0000ff size=5><B>向上移動</B></FONT><BR><IMG style="WIDTH: 300px; HEIGHT: 175px" src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></CENTER></MARQUEE>示例：向上移動

四、向下移動<MARQUEE scrollAmount=5 direction=down><CENTER><FONT face=華文行楷 color=#0000ff size=5><B>向下移動</B></FONT><BR><IMG style="WIDTH: 300px; HEIGHT: 175px" src="http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></CENTER></MARQUEE>示例：示例：向下移動

五、來回移動<marquee width_=100% behavior=alternate scrollamount=10><img style="WIDTH: 300px; HEIGHT: 175px" src=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg ><br><font color=0000ff size=5 face=華文行楷><b>來回移動</b></font></marquee>示例：

來回移動六、上下起伏<MARQUEE><MARQUEE direction=up behavior=alternate height=500><P align=center></P><P align=center><IMG style="WIDTH: 300px; HEIGHT: 175px" src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg" nload=""></P></MARQUEE></MARQUEE></P>

七、中間向兩邊移動：<CENTER><BR><MARQUEE width_=390 height=200><IMG style="WIDTH: 300px; HEIGHT: 175px" alt="圖片各種移動代碼彙編 - 香兒 - xianger" src=" face=華文彩雲 color=#0000ff size=5><BR>中間向兩邊移動</FONT></MARQUEE><MARQUEE direction=right width_=390 height=200><IMG style="WIDTH: 300px; HEIGHT: 175px" alt="圖片各種移動代碼彙編 - 香兒 - xianger" src=" face=華文彩雲 color=#0000ff size=5><BR>中間向兩邊移動<BR></FONT></MARQUEE></FONT></CENTER>示例：

中間向兩邊移動

中間向兩邊移動八、中間相對上下移動：<MARQUEE scrollAmount=3 direction=up><CENTER><IMG title="圖片各種移動代碼彙編 - 香兒 - xianger" style="WIDTH: 300px; HEIGHT: 175px" alt="圖片各種移動代碼彙編 - 香兒 - xianger" src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></CENTER></MARQUEE><MARQUEE scrollAmount=3 direction=down><CENTER><DIV style="FILTER: flipv; WIDTH: 400px"><IMG title="圖片各種移動代碼彙編 - 香兒 - xianger" alt="圖片各種移動代碼彙編 - 香兒 - xianger" src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg" tyle="WIDTH: 300px; HEIGHT: 175px" s></DIV></CENTER></MARQUEE>示例：

幾種圖片特別移動代碼:效果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="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></DIV></MARQUEE></MARQUEE>效果2

代碼:效果2<MARQUEE scrollAmount=3 direction=down height=371><MARQUEE scrollAmount=3 direction=up height=371> <DIV align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></DIV></MARQUEE></MARQUEE>效果3：

代碼:效果3<MARQUEE scrollAmount=3 direction=up height=371><MARQUEE scrollAmount=3 direction=down height=371><DIV align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></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="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></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="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></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="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></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="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></MARQUEE></MARQUEE></DIV>效果八：

代碼:效果8<MARQUEE scrollAmount=3 behavior=alternate ><MARQUEE scrollAmount=3 width_="98%"><DIV align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></DIV></MARQUEE></MARQUEE>效果9：

代碼:效果9<MARQUEE scrollAmount=2 direction=down><DIV align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://wrxpt.go1.icpcn.com/texiaodaima/02/100.gif"><br><br><IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br></DIV> </MARQUEE> <MARQUEE style=" FILTER: flipv(enabled=1)" scrollAmount=2 direction=down> <DIV align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br></DIV> </MARQUEE>效果10：

代碼:效果10<DIV align=center> <MARQUEE scrollAmount=2 direction=up><DIV align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br><IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br></DIV></MARQUEE> <MARQUEE style="FILTER: flipv(enabled=1)" scrollAmount=2 direction=up> <DIV align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br> <IMG src="https://www.getit01.com/getimg_360.php?url=http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"><br><br></DIV></MARQUEE>圖片對開移動：

<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://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width_=120><IMG src="http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width_=120><IMG src="http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width_=120><IMG src="http://image13.360doc.com/DownloadImg/2010/08/0813/4494668_2.jpg"></MARQUEE></TD></TR></TBODY></TABLE>注:各參數詳解：a)scrollAmount。它表示速度，值越大速度越快。如果沒有它，默認為6，建議設為1～3比較好。b)width和height，表示滾動區域的大小，width是寬度，height是高度。特別是在做垂直滾動的時候，一定要設height的值。c)direction。表示滾動的方向，默認為從右向左：←←←。可選的值有right、down、up。滾動方向分別為：right表示→→→，up表示↑，down表示↓。d)scrollDelay，這也是用來控制速度的，默認為90，值越大，速度越慢。通常scrollDelay是不需要設置的。e)behavior。用它來控制屬性，默認為循環滾動，可選的值有alternate(交替滾動)、slide(幻燈片效果，指的是滾動一次，然後停止滾動)代碼中金黃色和紅色部分是圖片地址。點擊這裡，有許多播放器供你選擇：自定義【播放器】匯總點擊這裡，有許多音樂供你選擇：香兒傾聽經典音樂點擊這裡，有許多圖片供你選擇：錯過這些風景你會遺憾點擊這裡，有許多美文供你選擇：百萬書庫精品收藏點擊這裡，有許多flash供你選擇：【flash特效】素材匯總或許你還喜歡其他製作，那就點擊下方標題吧~網頁代碼素材基地
推薦閱讀：