幾種圖片特效代碼及例圖
(2012-08-01 22:24:37)標籤:圖片特效博客流星雨人體寫真人體藝術杜達雄李明順分類:博客寶典三張圖片---重疊特效
代碼<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:1Add=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.zzjymd.com/(S(gydaab451gdeflnmp4lqdnvf))/music/zhufu.mp3 width_=0 height=0 type=audio/x-ms-wmaallowNetworking="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 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>
推薦閱讀:
※圖片羽化代碼
※【代碼應用】用代碼製作的邊框
※外邊框包內邊框的代碼 -
※【顏色邊框】五款圖片顏色邊框的代碼
※在線書架代碼之四