2011-04-28 12:03:56| 分類：
博客技巧 |字號
訂閱背景圖片加入透明flash動(dòng)畫的定位技巧
整理：閃閃的紅星
在背景圖片上加入透明flash，能起到點(diǎn)綴修飾和美觀作用。要達(dá)到修飾和美觀效果，一般只需將flash加在圖片上即可。但要在圖片上給flash進(jìn)行準(zhǔn)確定位，當(dāng)然存在一定的技巧?，F(xiàn)將背景圖片加入flash后的效果、代碼以及定位技巧和方法簡要介紹如下：
一、背景圖片加入透明flash后的效果圖：
二、背景圖片加入透明flash的定位代碼：
<P align=center>
<TABLE style="WIDTH: 700px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0 borderColor=#ff0000 borderColorLight=#ffff00 cellPadding=0 width=700 background=背景圖片地址 height=460>
<TBODY>
<TR>
<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 上左 quality="high" menu="false" wmode="transparent"> </TD>
<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 上中 quality="high" menu="false" wmode="transparent"> </TD>
<TD width="34%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 上右 quality="high" menu="false" ? wmode="transparent"> </TD>
<TR>
<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 中左 quality="high" menu="false" wmode="transparent"></TD>
<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址allowNetworking="internal" 中中 quality="high" menu="false" wmode="transparent" ? allowScriptAccess="never"></TD>
<TD width="34%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 中右 quality="high" menu="false" wmode="transparent"> </TD>
<TR>
<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 下左 quality="high" menu="false" wmode="transparent"></TD>
<TD width="33%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 下中 quality="high" menu="false" wmode="transparent"></TD>
<TD width="34%"><EMBED height=153 type=application/x-shockwave-flash align=right width=230 src=flash地址 allowScriptAccess="never" allowNetworking="internal" 下右 quality="high" menu="false" wmode="transparent"> </TD></TR></TR></TR></TBODY></TABLE></P>
三、上述代碼的有關(guān)說明：
1、顯示大邊框（表格）的代碼：
<TABLE style="WIDTH: 700px; TOP: 0px; LEFT: 0px" border=0 cellSpacing=0 borderColor= #ff0000 borderColorLight= #ffff00 cellPadding=0 width=700 background=背景圖片地址 height=460>
<TBODY>
<TR>
其中藍(lán)色標(biāo)明的“圖片地址”是背景圖片的地址，你只要把喜歡的圖片地址輸入到“圖片地址”里，便可獲得新的背景圖片；borderColor=#ff0000這是邊框(表格)右邊的顏色代碼，borderColorLight=#ffff00這是邊框(表格)左邊的顏色代碼（當(dāng)然也可不用顏色代碼，由系統(tǒng)默認(rèn)為透明色）；紅色標(biāo)明的width=700 和height=460分別表示圖片的寬和高。
2、顯示小邊框（表格）的代碼：
<TD width="34%">這是小邊框（表格）代碼，也是控制每一個(gè)小邊框百分比寬的代碼。用它來給每一個(gè)flash進(jìn)行定位。
用黃色標(biāo)明的“flash地址”，就是我們要加入的flash地址，把自己選擇的flash地址輸入到“flash地址”里；cellSpacing=0這是控制邊框之間、文字與邊框之間距離的代碼，自己可以在1以上的數(shù)字進(jìn)行調(diào)整，0為無效數(shù)字。
3、顯示邊框線或隱藏邊框線的代碼：
border=0這是讓邊框線隱藏、顯示的代碼。如果想要顯示邊框線，就把它設(shè)為有效數(shù)字（1以上的數(shù)字），如果不想顯示邊框線，就把它設(shè)為0。
4、給flash定位的具體位置：
以上圖為例，把背景圖片（包括flash）從橫向、縱向進(jìn)行上、中、下平均分成三等份，每個(gè)等份又分成三個(gè)小方形邊框（表格），共形成9個(gè)小方形邊框（表格）。這9個(gè)小方形邊框（表格）就是固定flash的邊框（表格）的（"容器）。只要自己把選擇的flash地址分別輸入到“flash地址”里就行了。代碼中用紅色標(biāo)注的上左、上中、上右；中左、中中、中右；下左、下中、下右，主要是為了我們自己在輸入flash地址時(shí)，起方便和記憶作用。
5、小方形邊框平分的方法：
把背景圖片的寬，平均分成三等份，就是每一個(gè)flash的寬，把背景圖片的高，同樣平均分成三等份，就是每一個(gè)flash的高了。
本代碼中效果背景圖片的寬是700，分三等份，每一個(gè)flash的寬就是230；背景圖片的高是460，分三等份，每一個(gè)flash的高就是153，這樣的設(shè)置一般加入flash后就不會變形。
