圖片各種移動(dòng)效果代碼藍(lán)天 來源:小小【代碼說明】scrollAmount移動(dòng)速度,數(shù)值越大速度越快;direction是移動(dòng)方向。
向左移動(dòng)效果
向左移動(dòng)代碼
<marquee scrollamount="2" direction=LEFT><img src=圖片地址> </marquee>
向右移動(dòng)效果
向右移動(dòng)代碼
<marquee scrollAmount=2 direction=right><img src=圖片地址 ></marquee>
向上移動(dòng)效果
向上移動(dòng)代碼
<marquee scrollAmount=2 direction=up><img src=圖片地址 width=200 height=160></marquee>
向下移動(dòng)效果
向下移動(dòng)代碼
<marquee scrollAmount=2 direction=down><img src=圖片地址 width=200 height=160></marquee>
【代碼說明】(scrollAmount移動(dòng)速度,數(shù)值越大,速度越快;direction是移動(dòng)方向,width圖片的寬度;height圖片要移動(dòng)的上下距離)
來回移動(dòng)效果
來回移動(dòng)代碼
<marquee scrollamount="2" width=100% behavior=alternate><img src="圖片地址"></marquee>
分段向上移動(dòng)效果
分段向上移動(dòng)代碼
<MARQUEE scrollAmount=2 direction=up behavior=alternate height=250><MARQUEE scrollAmount=2 direction=up height=229> <DIV align=center><IMG src="圖片地址"></DIV></MARQUEE></MARQUEE>
左右搖擺向上移動(dòng)效果
左右搖擺向上代碼
<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移動(dòng)速度,數(shù)值越大,速度越快;direction是移動(dòng)方向。
向下效果
vior=slide height=160> vior=slide height=160>
向下代碼
<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移動(dòng)速度,數(shù)值越大,速度越快;direction是移動(dòng)方向。
從上到下效果
從上到下代碼
<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>
多張圖片移動(dòng)效果
【代碼說明】
在單張圖片移動(dòng)效果的基礎(chǔ)上,連續(xù)插入新的圖片地址代碼,把代碼添加在最后一個(gè)前面。
多張圖片向左移動(dòng)效果
多張圖片向左移動(dòng)代碼
<marquee direction=left width=寬度> <img src="第一張圖片地址"><img src="第二張圖片地址"> <img src="第三張圖片地址"> <img src="第四張圖片地址"> </marquee>
多張圖片移動(dòng)加鏈接地址效果
【代碼說明】
在多張圖片移動(dòng)效果的基礎(chǔ)上,在圖片地址前加上你要鏈接到的目的地址。
效果
代碼
<MARQUEE scrollAmount=2 scrollDelay=60 direction=up width=200 height=200><DIV align=center><A href=" 第一個(gè)鏈接的地址" target=_blank><IMG src="第一張圖片地址" width=200 border=0></A></DIV><DIV align=center><A href="第二個(gè)鏈接地址/" target=_blank><IMG src=" 第二張圖片地址" width=200 border=0></A></DIV></MARQUEE>
圖片移動(dòng)加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>
百葉窗移動(dòng)效果
效果
代碼
<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="第一個(gè)圖片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=50><IMG src="第二個(gè)圖片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=50><IMG src="第三個(gè)圖片地址"></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=50><IMG src="第四個(gè)圖片地址"></MARQUEE></TD></TR></TBODY></TABLE>
特殊移動(dòng)效果
上下起伏移動(dòng)效果
上下起伏移動(dòng)代碼
<marquee direction=left><marqueescrollamount="2" behavior=alternate direction=up height=200><img src=圖片地址><img src=圖片地址> </marquee></marquee>
中間向兩邊移動(dòng)效果
中間向兩邊移動(dòng)代碼
<marquee direction=left><marqueescrollamount="2" behavior=alternate direction=up height=200><img src=圖片地址><img src=圖片地址> </marquee></marquee>
中間上下移動(dòng)效果
中間上下移動(dòng)代碼
<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>