圖片各種移動效果代碼

【博客代碼】 2009-12-10 10:18:08 閱讀65 評論3 字型大小:大中小圖片各種移動效果代碼藍天來源:小小

【代碼說明】scrollAmount移動速度,數值越大速度越快;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移動速度,數值越大,速度越快;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>圖片緩慢出現效果【代碼說明】(scrollAmount移動速度,數值越大,速度越快;direction是移動方向。向下效果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>圖片緩慢出現循環效果【代碼說明】(scrollAmount移動速度,數值越大,速度越快;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>多張圖片移動效果【代碼說明】在單張圖片移動效果的基礎上,連續插入新的圖片地址代碼,把代碼添加在最後一個前面。多張圖片向左移動效果

多張圖片向左移動代碼<marquee direction=left width_=寬度> <img src="第一張圖片地址"><img src="第二張圖片地址"> <img src="第三張圖片地址"> <img src="第四張圖片地址"> </marquee>多張圖片移動加鏈接地址效果【代碼說明】在多張圖片移動效果的基礎上,在圖片地址前加上你要鏈接到的目的地址。效果

代碼<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>
推薦閱讀:

狗是人類忠實的朋友圖片03
歐洲南方天文台百強圖片(下)
美女圖片——靚麗美眉(40p)
[搞笑圖片]男女關係 那些破事兒!……精彩圖片
圖片製作教程

TAG:圖片 | 代碼 | 效果 | 移動 |