图片移动制作代码大全

巡山小妖精
750次浏览
2021年02月17日 00:11
最佳经验
本文由作者推荐

减肥体操-

2021年2月17日发(作者:花之歌仿写)


图片移动制作代码大全








1/


图片来回移动代码:




<marquee width=100% behavior=alternate


scrollamount=10><img src=


图片地址



width=112 height=112><img src=


图片地址


width=112


height=112><img src=


图片地址



width=112 height=112><img src=


图片地址


width=112


height=112>


<br></marquee>


方法:




将 代码代入,将图片地址换上自己要传的图片地址即可,


要传的图片数量多的话,将代码继 续复制。


width=112



he ight=112


(宽、高)的数字可根据需要改变。



2/


图片上下起伏代码:



<marquee direction=left><marquee


behavior=alternate direction=up height=300><img


src=


图片 地址


><img src=


图片地址


></marquee></marquee>


方法:




将代码代入,将图片地址换上自己要传的图片地址即可




3/


图片从左向右移动:



<marquee direction=right><img height=300 src=



片地址

width=400><img height=300 src=


图片地址


width=400><img height=300 src=


图片地址


width=400><img height=300 src=


图片地址


width=400><img height=300 src=


图片地址


width=400><img height=300 src=


图片地址


width=400 ></marquee>



4/


图片从右向左移动代码:



<MARQUEE><IMG height=150 src=< /p>


图片地址



width=200>& lt;IMG height=150 src=


图片地址



width=200><IMG height=150 src=

< p>
图片地址



width=200><I MG height=150 src=


图片地址



width=200></MARQUEE>





将代码代入,将图片


地址换上自己要传的图片地址即可,要传的图片数量多的话,


将代码继续复制 。



5/


图片滚动的特效代码如下


:


<MARQUEE scrollAmount=3


w idth=


alpha(opacity=100,style=2) width: 242px; HEIGHT: 334px


type=image src=


图片地址



></MARQUEE& gt;<BR>


6/


图片左右移动代码:



<MARQUEE scrollAmount=3 behavior=alternate


width=550 <marquee nmouseover=


src=


图 片地址


?1


图片地址


?1


border=0></MARQUEE>


<MARQUEE scrollAmount=3 behavior=alternate


width=550 <marquee nmouseover=


src=


图 片地址


?1


图片地址


?1


border=0> <IMG src=


图片地址


?1


<IMG src=


图片地址


?1


图片

< p>
地址


?1


图片地址


?1< /p>


border=0></MARQUEE>


</body>


</html>





















7/


图片向上移动代码:



<DIV><A


href=


target=_blank><FONT


color=#f f0000></FONT></A></DIV><M< /p>


ARQUEE scrollAmount=1 scrollDelay=1 direction=UP


width=200 height=230>


<DIV align=center><IMG src=


图片地址



border=0>< /DIV>


<DIV align=center><IMG src=


图片地址



border=0></DIV>


<DIV align=center><IMG src=


图片地址



border=0>< /DIV>


<DIV align=center><IMG src=


图片地址



border=0></DIV>


<DIV align=center><IMG src=


图片地址



border=0>< /DIV>


<DIV align=center><IMG src=


图片地址



border=0></DIV></MARQUE E>


8/


图片向下移动效果与代码



<marquee direction=down


scrollamount=5><center><img src=


图片地址



width=112 height=112></marquee>




图片地址



换成自己的。图片的(宽)


width=112


、< /p>


(高)



height=112


的数字可据情而变。



9/


图片中间向两边移动代码



<center><br><marquee width=220


height=110><img src=


图片地址



width=112 height=112></marquee><marquee


direction=right width=220 height=110><img src=


图片


地址



width=112


height=112>< /marquee></font></center>



图片地址


 221;


换成自己的。图片的(宽)


width=112



(高)



height=112


的数字可据情而变。



10/


图片中间相对上下移动效果与代码



<marquee direction=up scrollamount=3 src=


图片地址


width=90></mar quee></center><marquee


direction=down scrollamount=3><center><div


><img src=


图片地址

< br>


width=90></div></center& gt;</marquee>




图片地址



换成自己的。 图片的(宽)


width=112



( 高)



height=112


的数字可据情而变。



11/


图片百叶窗特效


:


<TABLE cellSpacing=0 cellPadding=0 width=


align=center border=0>


<TBODY>


<TR>


<TD align=middle>


<MARQUEE scrollAmount=1 scrollDelay=100


direction=right width=120><IMG src=


第一个图片地址



<TD align=middle>


<MARQUEE scrollAmount=1 scrollDelay=100


width=120><IMG src=


第二个图片地址



<TD align=middle>


<MARQUEE scrollAmount=1 scrollDelay=100


direction=right width=120><IMG src=


第三个图片地址



<TD align=middle>


<MARQUEE scrollAmount=1 scrollDelay=100


width=120><IMG src=


第四个 图片地址



></TABLE>

< p>
12/


图片在背景图片里居中滚动的效果:



<TABLE borderColor=


align=


背景图片地址



<TBODY&g t;


<TR>


<TD align=< /p>


direction=


src=


图片地址



图片地址



&l t;/TR>


</TBODY>


</TABLE>



13/


立体图片代码:



<embed


src=


loo p=


quality=


FlashVars=

< br>&ptdim=


50.10&ptxy=284.16&am p;img1=


图片


1&img2=

< br>图



2&img3=


图 片


3&img4=


图片


4


wmode=


height=


type=< /p>


pluginspage=


er



14/


一张图片加一个


FLASH


动画代码:




<P align=center>


<TABLE height=323


(图片高度)



cellSpacing=0


width=400


(图片宽度)


background=/picture/200809 /03


09/b_122_


未标题


-< /p>


(图片地址)



border=4


(边框的宽度)


>


<TBODY>


<TR>


<TD><EMBED


src=/fre e/flash/


(特效地址)



width=400


(特效宽度)



height=323


type=application/x-shockwave-flash qual ity=


wmode=


R></TBODY> ;</TABLE></P>


15/


贴两层透明


Flash


的效果代码:



<P align=center>


<TABLE style=


height=550 cellPadding=0 width=450 align=center


ba ckground=/picture/200809/03


09/b_122_


未标题


-der=0>


<TBODY>


<TR>


<TD><EMBED
































align=right src=/free/flash/


width=450 height=500 type=application/x-shockwave-flash


quality=



















align=right


src=/UploadFile/ 2004-5/2004591


width=450 height=500


type=application/x-shockwave-flash qual ity=


wmode=


Y></TABLE> ;<FONT


size=+0></FONT></P>



16/


图中加


flash+


移动文字



代码:



友情提示:

< br><BR>


中间加入一句字


<BR&g t;


<TABLE height=300 cellPadding=10 width=500


align=center


backg round=/picture/200809/03


09/b_122_


未标题


-der=3


table=


<TBODY>


<TR>


<TD><EMBED










































align=right


src=/UploadFile/ 2004-5/2004591


width=450 height=300


type=application/x-shockwave-flash wmode=


quality=


<DIV align=center><FONT face=


楷体


_GB2312><FONT size=4><FONT


color=#ffffff>< ;/FONT></FONT></FONT>


<MARQUEE style=


scrollAmount=1 direction=up height=164><FONT


color=#ff00ff si ze=4>


總是告訴自己,不要喜歡上別


人.

< p>
<BR>


總是想把自己的心藏起來,


<BR>


不去幻


想那不屬于莪的愛,


<BR>


不想再有傷害,


<BR >


總是告訴自己,


要知足!


&l t;BR>


總是告訴自己,


他很恏!

<BR>


可是,當莪遇見妳


<BR&g t;


壹切都變


了.


<BR> ;


看到妳會莫名的坦然,


<BR>


雖然不是莪


想象的那樣,


<BR>


卻竟然可以閉著眼睛,


<BR>


靠著妳的肩膀走向陌生的城市,


<BR>


和妳在壹 起感覺


很恏,


<BR>


妳 不在也會思念妳,


<BR>


妳會不經意

< p>
間走進莪的夢裏,


<BR>


讓莪夢醒 後不得不再想起妳!


<BR>


莪知道,

< p>
是莪錯了.


<BR>


莪就像個經常會 犯


錯誤的孩子.


<BR>


總是受到傷害,


<BR>


總是會被


抛棄,


<BR>


莪想妳壹定也會抛棄莪,


<BR>


莪知道,


妳不屬 于莪,


<BR>


所以莪總想默默的走出妳的世


界.


<BR>


壹段時間的拒絕 ,


<BR>


換來的是更加的


牽挂,


<BR>


原本掌握主動權的莪,


<BR>


現在完全


失控了,


<BR>


怎麽可以這樣


.< ;BR>


對不起,答應


過妳


< /p>


莪不離開妳的


<BR>


對不 起,


因爲莪沒有辦法不去


想妳


< BR>


對不起,


因爲妳已經在莪心裏

<BR>


對不


起,因爲莪沒有辦法不去想妳< /p>


<BR>


對不起,因爲莪已


經喜歡上妳


<BR>


所以,真的對不



.</FONT></MARQUEE>< ;/DIV></TD>


;</TR></TBO DY></TABLE>


17/


两个


Flash


的效果




代码:



<TABLE height=571 cellPadding=10 width=482


align=center


backg round=/photo/b6mkmBB8e3LFO


xnF2YqMkA==/ border=3


table=


<TBODY>


<TR>


<TD><EMBED






















align=right


src=/free/flash/ width=450


height=550 type=application/x-shockwave-flash


wmode=



















align=right src=/free/flash/


width=450 height=550 type=application/x-shockwave-flash


wmode=



<P><FONT face=


楷体


_GB2312><FONT


size=4><FONT


color=#ff ffff></FONT></FONT></FONT>


&nbsp;</P>


<P>&nbsp;</P>


<P>&nbsp;</P>


<P>&nbsp;</P>


<P>&nbsp;</P>


<P>&nbsp;</P>


<DIV align=center>


<MARQUEE style=


scrollAmount=1 direction=up height=301><FONT


color=#dd6d22 si ze=4><STRONG>


期待際遇


&l t;BR>


走過枯萎的冬季


<BR>


邁進充滿生機活力的


春天


<BR> ;


在含苞待放的季節


<BR>

手指輕輕的扣



<BR>

敲擊鍵盤的音符


<BR>


編織莪的夢


<BR>


映紅妳甜美的笑臉


< ;BR>


牽挂打亂了遠方的


思緒


<BR>


寂靜的心彼此被占據


<BR> ;


空寞的時鍾


沒有軌迹


<BR& gt;


唯壹的思念讓莪不能停止呼吸


<BR>


無數次滯留賽莪


<BR>


只爲 收獲這份驚喜


<BR>



獲是奢侈的傳奇


<BR>


有夢的日子有妳


<BR>


有妳


世界特別亮麗


<BR>


緣分賜予莪珍惜


< ;BR>


等到有


壹天


<B R>


那個妳大聲說


<BR>“


莪愛妳


”<BR>

< br>莪答應妳


<BR>


那壹刻莪不哭泣


</STRONG></FONT></MARQUEE> ;</DIV


></TD></TR>< /TBODY></TABLE>


18/


图片向上移动代码



代码:



<center><marquee align=


direction=


scrolldely=


图片地 址



19/


图片向下移动代码

< p>



代码:



<center><marquee align=


direction=


scrolldely=


图片地 址



20/


图片向左移动代码

< p>


代码:



<center><marquee align=


direction=


scrolldely=


图片地 址



21/


图片向右移动代码

< p>


代码:



<center><marquee align=


direction=


scrolldely=


图片地 址



友情提示:


=


表示向上




=


表示向下





=


表示


向左




=


表示向右



height=150


你可以根据图片大小来设置合适的数值< /p>



scrolldely=


移动速度



写入的数字越大速度越快



22/


黑白效果




代码:



<CENTER><IMG src=


图片 地址



23/X


光效果(底片)



代码:



<center><img src=


图片 地址



24/


浮雕效果

< br>


代码:



<center><img src=


图片 地址



style=


25/


上下颠倒



代码:



<center><img src=


图片 地址



26/


左右颠倒

< br>


代码:



<center><img src=


图片 地址



style=


27/


色彩颠倒



代码:



<center><img src=


图片 地址



28/


模糊效果

< br>


代码:



<center><img src=


图片 地址



29/


水波效果

< br>


代码:



<center><img src=


图片 地址



style=


lightstre ngth=10)


30/


水中倒影效果




代码:



<center><IMG src=


图片 地址



height=


<IMG src=


图片地址和上面的一样



sty le=


=30)



blur() flipv()


height=



31 /


跑动的图片


(


淡化

< br>)




<P align=center>


<MARQUEE scrollAmount=10


directio=


src =



alpha(opacity=100,style=2)< /p>


width=400><INPUT


src=



alpha(opacity=100,style=2)


width=400><INPUT


src=

减肥体操-


减肥体操-


减肥体操-


减肥体操-


减肥体操-


减肥体操-


减肥体操-


减肥体操-