圖片各種移動代碼彙編

【網易製作】 2010-08-07 19:00:55 閱讀138 評論16 字型大小:大中小圖片各種移動代碼彙編

一、向左移動<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特效】素材匯總或許你還喜歡其他製作,那就點擊下方標題吧~網頁代碼素材基地
推薦閱讀:

專註寫代碼的程序媛和外面那群妖艷賤貨果然不一樣!
邊框精簡模板代碼
2014年最新交通違法代碼
Python+PAMIE+30行代碼便能打造ChinaUnix博客小助手
圖片 文字 移動代碼

TAG:圖片 | 代碼 | 移動 |