多圖移動合成代碼

2011-08-21 14:48:48|分類：博客製做 |標籤： |字型大小大中小多圖移動合成代碼1歡 迎光 臨23歡 迎光 臨4歡 迎光 臨5歡 迎光 臨6代碼：<TABLE borderColor=#921aff height=0 cellSpacing=3 cellPadding=0 width_=0 align=centerbgColor=#000000 border=6><TBODY><TR><TD><TABLE height=400 cellSpacing=0 cellPadding=0 width_=600 align=centerbackground=圖片1地址 border=0><TBODY><TR><TD width_="50%"><TABLE height=0 cellSpacing=0 cellPadding=0 align=center border=0><TBODY><TR><TD><MARQUEE scrollAmount=3 behavior=slide height=400><MARQUEE scrollAmount=3 direction=right height=400><TABLE height=400 cellSpacing=0 cellPadding=0 align=centerbackground=圖片2地址 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></TD><TD width_="50%"><TABLE height=0 cellSpacing=0 cellPadding=0 align=center border=0><TBODY><TR><TD><MARQUEE scrollAmount=3 direction=right behavior=slide height=400><MARQUEE scrollAmount=3 height=400><TABLE height=400 cellSpacing=0 cellPadding=0 align=centerbackground=圖片3地址 border=0><TBODY><TR><TD></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>說明：以上圖片移動的合成，實際上就是表格代碼與圖片移動代碼的組合運用。要注意的是：1、圖片的尺寸：圖片1是大圖（底圖，不移動），圖片2、圖片3是尺寸相同的小圖（移動圖）。在橫幅效果圖裡，小圖的高度與大圖一樣，寬度是大圖的一半，左右排列；在豎幅效果圖裡，小圖的寬度與大圖一樣，高度是大圖的一半，上下排列。要分別制出橫表格和豎表格。2、兩個小圖的移動方向是相反的，如橫幅：圖2的移動代碼是「左、右」，那麼，圖3就是「右、左」；如豎幅：圖2的移動代碼是「上、下」，則圖3就是「下、上」。 direction=left（可省去）、right、up、down。兩個小圖的移動速度必須一致，保持同步。以上是第一個效果圖的代碼，按著「左、右」「右、左」，「上、下」「下、上」的規則，不難做出其他移動合成圖。運用表格、移動代碼，還可做出更多個圖的組合移動。此外，為了使圖面更富有變化，在此基礎上還可製作特效，如上面第二圖經過特效處理的另一種效果：代碼：<TABLE borderColor=#930093 height=0 cellSpacing=3 cellPadding=0 width_=0align=center bgColor=#000000 border=6><TBODY><TR><TD><TABLE borderColor=#900000 height=400 cellSpacing=0 cellPadding=0 width_=600align=center bgColor=#000000 background=http://image35.360doc.com/DownloadImg/2011/09/0314/16960475_20.jpg border=0><TBODY><TR><TD><MARQUEE scrollAmount=5 width_=600><IMG title="2011年08月23日 - 閑散人也 - ." style="FILTER: Alpha(Opacity=50)" src="https://www.getit01.com/getimg_360.php?url=http://image35.360doc.com/DownloadImg/2011/09/0314/16960475_1.jpg"></MARQUEE></P><P style="MARGIN-TOP: -410px; MARGIN-LEFT: 0px"><MARQUEE scrollAmount=5 direction=right width_=600><IMG style="FILTER: Alpha(Opacity=50)"src=http://image35.360doc.com/DownloadImg/2011/09/0314/16960475_2.jpg"></MARQUEE></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

推薦閱讀：