圖片各種移動效果代碼
藍(lán)天 來源:小小
【代碼說明】scrollAmount移動速度,數(shù)值越大速度越快;direction是移動方向。
|
|
<marquee scrollamount="2" direction=LEFT><img src=圖片地址> </marquee>
|
|
向右移動代碼
<marquee scrollAmount=2 direction=right><img src=圖片地址 ></marquee>
|
|
向上移動代碼
<marquee scrollAmount=2 direction=up><img src=圖片地址 width=200 height=160></marquee>
|
|
向下移動代碼
<marquee scrollAmount=2 direction=down><img src=圖片地址 width=200 height=160></marquee> 【代碼說明】(scrollAmount移動速度,數(shù)值越大,速度越快;direction是移動方向,width圖片的寬度;height圖片要移動的上下距離)
|
|
<marquee scrollamount="2" width=100% behavior=alternate><img src="圖片地址"></marquee>
|
|
分段向上移動代碼
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=250><MARQUEE scrollAmount=2 direction=up height=229> <DIV align=center><IMG src="圖片地址"></DIV></MARQUEE></MARQUEE>
|
|
左右搖擺向上代碼
<MARQUEE scrollAmount=2 behavior=alternate width=285 height=200> <MARQUEE scrollAmount=2 direction=up width=280 height=200><IMG src="圖片地址"> </MARQUEE></MARQUEE>
|
圖片緩慢出現(xiàn)效果 【代碼說明】(scrollAmount移動速度,數(shù)值越大,速度越快;direction是移動方向。
|
|
<MARQUEE scrollAmount=3 direction=down behavior=slide height=160> <MARQUEE scrollAmount=3 direction=up behavior=slide height=160> <DIV align=center><IMG src="圖片地址"> </DIV></MARQUEE></MARQUEE>
|
vior=slide height=160>
vior=slide height=160>
|
<MARQUEE scrollAmount=3 direction=up behavior=slide height=160> <MARQUEE scrollAmount=3 direction=down behavior=slide height=160> <DIV align=center><IMG src="圖片地址"> </DIV></MARQUEE></MARQUEE>
|
vior=slide>
vior=slide>
|
<MARQUEE scrollAmount=3 direction=right behavior=slide > <MARQUEE scrollAmount=3 direction=left behavior=slide> <DIV align=center><IMG src="圖片地址"> </DIV></MARQUEE></MARQUEE>
|
vior=slide>
vior=slide>
|
<MARQUEE scrollAmount=3 direction=left behavior=slide > <MARQUEE scrollAmount=3 direction=right behavior=slide > <DIV align=center><IMG src="地址"> </DIV></MARQUEE></MARQUEE>
|
圖片緩慢出現(xiàn)循環(huán)效果 【代碼說明】(scrollAmount移動速度,數(shù)值越大,速度越快;direction是移動方向。
|
|
<MARQUEE scrollAmount=3 direction=down > <MARQUEE scrollAmount=3 direction=up > <DIV align=center><IMG src="地址"> </DIV></MARQUEE></MARQUEE>
|
|
<MARQUEE scrollAmount=3 direction=up > <MARQUEE scrollAmount=3 direction=down > <DIV align=center><IMG src="地址"> </DIV></MARQUEE></MARQUEE>
|
|
<MARQUEE scrollAmount=3 direction=right width=280 ><MARQUEE scrollAmount=3 direction=left width=280 ><DIV align=center><IMG src="圖片地址"></DIV></MARQUEE></MARQUEE>
|
|
從右到左代碼
<MARQUEE scrollAmount=3 direction=left width=300 ><MARQUEE scrollAmount=3 direction=right width=300 ><DIV align=center><IMG src="圖片地"></DIV></MARQUEE></MARQUEE>
|
多張圖片移動效果 【代碼說明】 在單張圖片移動效果的基礎(chǔ)上,連續(xù)插入新的圖片地址代碼,把代碼添加在最后一個前面。
|
 |
<marquee direction=left width=寬度> <img src="第一張圖片地址"><img src="第二張圖片地址"> <img src="第三張圖片地址"> <img src="第四張圖片地址"> </marquee>
|
多張圖片移動加鏈接地址效果 【代碼說明】 在多張圖片移動效果的基礎(chǔ)上,在圖片地址前加上你要鏈接到的目的地址。
|
|
<MARQUEE scrollAmount=2 scrollDelay=60 direction=up width=200 height=200><DIV align=center><A href=" 第一個鏈接的地址" target=_blank><IMG src="第一張圖片地址" width=200 border=0></A></DIV><DIV align=center><A href="第二個鏈接地址/" target=_blank><IMG src=" 第二張圖片地址" width=200 border=0></A></DIV></MARQUEE>
|
圖片移動加FLASH特效
|
|
<MARQUEE scrollAmount=3 directio="down"> <TABLE borderColor=#000000 cellSpacing=0 cellPadding=0 background=圖片地址 border=0> <TBODY> <TR> <TD><EMBED src=FLASH地址 width=200 height=160 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" allowNetworking="internal" allowScriptAccess="never"></EMBED> </TD></TR></TBODY></TABLE> </MARQUEE>
|
百葉窗移動效果
|
|
<TABLE cellSpacing=0 cellPadding=0 width=300 align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=50><IMG src="第一個圖片地址"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=50><IMG src="第二個圖片地址"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=50><IMG src="第三個圖片地址"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=50><IMG src="第四個圖片地址"></MARQUEE></TD></TR></TBODY></TABLE>
|
特殊移動效果
|
|
<marquee direction=left><marqueescrollamount="2" behavior=alternate direction=up height=200><img src=圖片地址><img src=圖片地址> </marquee></marquee>
|
|
<marquee direction=left><marqueescrollamount="2" behavior=alternate direction=up height=200><img src=圖片地址><img src=圖片地址> </marquee></marquee>
|
|
<MARQUEE scrollAmount=3 direction=up height=100> <CENTER> <DIV style="FILTER: flipv"><IMG src="圖片地址" width=72></DIV></CENTER></MARQUEE> <MARQUEE scrollAmount=3 direction=down height=100> <CENTER> <DIV style="FILTER: flipv"><IMG src="圖片地址" width=72></DIV></CENTER></MARQUEE>
|