几种图片特效代码及例图

 

 

 

 

 

 

 

 

 

  代码

 

<DIV style="LEFT: -80px; WIDTH: 500px; POSITION: relative; TOP: 0px; HEIGHT: 400px; ridge: ">
<DIV style="LEFT: 10px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 320px"><INPUT type=image width=200 src="图片地址"></INPUT> </DIV>
<DIV style="LEFT: 180px; WIDTH: 220px; POSITION: absolute; TOP: 60px; HEIGHT: 320px"><INPUT type=image width=250 src="图片地址"></INPUT> </DIV><BR>
<DIV style="LEFT: 360px; WIDTH: 220px; POSITION: absolute; TOP: 100px; HEIGHT: 320px"><INPUT type=image width=300 src="图片地址"></INPUT> </DIV></DIV>

 

 

 

 

 

  两张图片---重叠加字

祝您幸福快乐，欢迎常来！

代码

 

<BR>
<CENTER>
<TABLE style="WIDTH: 400px; HEIGHT: 250px" height=250 cellPadding=0 width=400 background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV>
<MARQUEE scrollAmount=4 direction=down width=400 height=250>
<MARQUEE scrollAmount=4 direction=up width=400 height=250><IMG src="图片地址" width=400></MARQUEE></MARQUEE>
<P style="MARGIN-TOP: -310px; MARGIN-LEFT: 10px"></P>
<P align=right>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=#FF0000,strength:1 Add=0,freq=4,LightStrength=4,Phase=50,Strength=4); WIDTH: 400px; COLOR: #ff0000; LINE-HEIGHT: 22pt; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=90 direction=up loop=infinite height=200><FONT face=华文楷体 size=6><B>祝您幸福。快乐</B></FONT></MARQUEE></P></DIV></TD></TR></TBODY></TABLE></CENTER><BR>

 

 

（WIDTH: 400px; HEIGHT: 250px，数值可根据图片规格修改，最好选宽幅图片）

 

 

 

 

 

 

用自己图片--制作生日贺卡

 

 

代码

<TABLE height=446 cellPadding=20 width=682 background=图片底图 border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=2 directio="down"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=424 src="移动图片"></MARQUEE></CENTER></TD></TR></TBODY></TABLE> <EMBED src=http://www./(S(gydaab451gdeflnmp4lqdnvf))/music/zhufu.mp3 width=0 height=0 type=audio/x-ms-wma
allowNetworking="internal" loop="1" enablecontextmenu="1"
showstatusbar="1" showaudiocontrols="1" showcontrols="1">
</FONT></FONT></FONT></P></MARQUEE></TD></TR></TBODY></TABLe

>

代码中含有音乐，如不想要，去掉歌曲网址就行（以MP3

结尾的网址）代码中的底图网址：http://image53.360doc.com/DownloadImg/2012/08/0322/25939878_20

 

 

 

 

 

 

 

 

重叠图片加FLASH

 

 

 

代码

<CENTER><BR> <WBR></CENTER>
<CENTER>
<TABLE borderColor=#ff0033 height=10 cellSpacing=5 borderColorDark=#ff0033 cellPadding=0 width=30 borderColorLight=#ff0033 background=底图地址border=5>
<TBODY>
<TR>
<TD>
<TABLE height=399 cellPadding=0 width=600 align=center background=移动地址1 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<MARQUEE scrollAmount=4 direction=down width=600 height=399>
<MARQUEE scrollAmount=4 direction=up width=600 height=475><IMG style="FILTER: alpha WiDTH: 600px; HEIGHT: 399px" height=399 src="移动地址2" width=600></MARQUEE></MARQUEE></DIV>
<P style="MARGIN-TOP: -470px; MARGIN-LEFT: 10px"> <WBR></P><EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=600 height=399 type=application/x-shockwave-flash ALLOWNETWORKING="internal" QUALITY="high" WMODE="transparent"></EMBED></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>

 

 

找图片地址方法：您喜欢的图片-----右键----属性---地址(就是图片地址)

 

 

 

 

 

制作移动梦幻图片

代码

<CENTER>
<TABLE style="BORDER-RIGHT: rgb(255,0,51) 5px dotted; BORDER-TOP: rgb(255,0,51) 5px dotted; BORDER-LEFT: rgb(255,0,51) 5px dotted; BORDER-BOTTOM: rgb(255,0,51) 5px dotted" height=450 width=600 background=底图图片地址 border=1>
<TBODY>
<TR>
<TD width=600>
<MARQUEE scrollAmount=2><IMG style="FILTER: Alpha(Opacity=70)" height=450 src="梦幻移动图片1" width=600 border=0 cellPadding="0" cellSpacing="0"><IMG style="FILTER: Alpha(Opacity=70)" height=450 src="梦幻移动图片2" width=600 border=0 cellPadding="0" cellSpacing="0"><IMG style="FILTER: Alpha(Opacity=70)" height=450 src="梦幻移动图片3" width=600 border=0 cellPadding="0" cellSpacing="0"><IMG style="FILTER: Alpha(Opacity=70)" height=450 src="梦幻移动图片4 width=600 border=0 cellPadding="0" cellSpacing="0"><IMG style="FILTER: Alpha(Opacity=70)" height=450 src="梦幻移动图片5" width=600 border=0 cellSpacing="0"></MARQUEE></TD></TR></TBODY></TABLE></CENTER>

 

 

 

 

图片移动特效

朋友有空来坐坐

 

代码

 

 

 

<DIV align=center>

<TABLE borderColor=#cd5c5c height=330 width=460 align=center border=3>

<TBODY>

<TR>

<TD background=底图>

<MARQUEE scrollAmount=3 direction=down behavior=alternate height=330>

<MARQUEE scrollAmount=3 behavior=alternate width=460><IMG src="移动小图"><BR><FONT style="FONT-SIZE: 20px"><FONT style="FONT-SIZE: 24px"><FONT style="FONT-SIZE: 32px"><FONT style="FONT-SIZE: 20px" color=#cd5c5c><STRONG>朋友有空来坐坐</STRONG></FONT></FONT></FONT></FONT></MARQUEE></MARQUEE>

<P align=center> </P></TD></TR></TBODY></TABLE></DIV>

 

 

代码

<MARQUEE scrollAmount=3 behavior=slide width=400 height=405>

<MARQUEE scrollAmount=3 direction=right behavior=slide width=550 height=350>

<DIV align=center><IMG src="图片地址"> </DIV></MARQUEE></MARQUEE>

 

 代码

<MARQUEE scrollAmount=3 width=550 height=600>

<MARQUEE scrollAmount=3 direction=right width=550 height=600>

<DIV align=center><IMG src="图片地址"></DIV></MARQUEE></MARQUEE>

 

　

 

<MARQUEE scrollAmount=3 direction=right width=330 height=371>

<MARQUEE scrollAmount=3 width=330 height=371>

<DIV align=center><IMG src="图片地址"></DIV></MARQUEE></MARQUEE>　

 

 

 

 

 

 

长和高 图片的对开 

 

代码：

<TABLE borderColor=#003300 height=690 width="100%" background=背景图片地址 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE><IMG src="左移动图片地址" border=0></A></MARQUEE></TD>
<TD>
<MARQUEE direction=right><IMG src="右移动图片地址" border=0></A></MARQUEE></TD>
<P style="TEXT-INDENT: 2em"></P></TR></TBODY></TABLE>

 

flash带入博文通用代码  （width 宽     height长 可调节） 

 

<EMBED src=素材网址 width=690 height=520 type=application/x-shockwave-flash WMODE="transparent" QUALITY="high" ></EMBED>