图片各种移动效果代码
蓝天 来源:小小
【代码说明】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是移动方向。
|
|
<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>
|