在學用音畫特效帖中，有幾個間題較難處理：
（１）絕對定位外部掛貼，要插入的內(nèi)容往往不是在自已的貼子里。
（２）在背景圖片加疊Flash后，要再加文字或圖片很困難。
?。ǎ常┰诒尘皥D同一區(qū)域中的多個位置上，要插入圖文，雖然有靠左居頂?shù)戎噶?，但仍不是很好的辦法。近日在整理學習筆記時，覺得有一種代碼指令可以解決這些問題，提供大家參考探討。
設置一個規(guī)定范圍的表格（圖框），代碼如下：
<TBBLE style=" ridge; LEFT: 0px; ridge; WIDTH: 500px; ridge; POSITION: relative; TOP: 0px; HEIGHT: 550px" background=http://bbs.guqu.net/UploadFile/2004-12/ 20041230144914462.jpg border=0>
<TR>
<TD>
插入圖文
</TD></TR></TBBLE>
表格化的絕對定位代碼：
<TBBLE style="ridge; LEFT: 10px; WIDTH: 220px; ridge; POSITION: absolute; TOP: 0px; HEIGHT: 120px">
<TR>
<TD>
文字設置代碼：
<FONT style="FONT-SIZE: 25pt; FILTER: shadow color=apar); WIDTH: 150%; DOLOR: #00ff00; LINE-HEIGHT: 150%" face=隸書>
文字內(nèi)容
</FONT>
或插入圖片貼圖代碼：
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=160 width=140 src="圖片地址">
</TD></TR></TBBLE>
代碼語句說明：
LEFT: 10px; WIDTH: 220px;插入內(nèi)容與左邊的距離和寬度的范圍。
TOP: 0px; HEIGHT: 400px插入內(nèi)容與頂部的距離和高度的范圍。
可以把特效放在任何位置的代碼 一般有時候我們只能把東西放在面板里，比如說天氣預報等，但是怎么把它們移出去放到面板外面頁面內(nèi)的任意位置呢，方法不是沒有的，可以用下面這段定位代碼來實現(xiàn)：
<DIV style="RIGHT: 300px; ; TOP: 100px"> <TBBLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD>某個東西的代碼（比如天氣預報等）</TD></TR></TBODY></TBBLE></DIV>
把特效文字的代碼替代“某個東西的代碼（比如天氣預報等）”這幾個字，然后把代碼添加到空白面板里就可以了。
這段代碼的基本原理是設置一個表格，然后把特效文字代碼放進去，再定位表格的位置而已。
定位坐標RIGHT: 300px和TOP: 100px分別表示距離屏幕右邊緣和上邊緣的的距離，其具體數(shù)值可根據(jù)實際需求而定。
以此類推，大家可以把其他其他東西的代碼放進去替代“某個東西的代碼（比如天氣預報等）”這幾個字，比如說涂鴉板，天氣預報，新聞，播放器等等代碼，這樣就能把他們定位到主頁上的任意位置。
舉一反三，我們還可以把它和之前我介紹的隨屏滾動的代碼(具體詳見文章 兩側(cè)的掛件(對聯(lián))代碼結(jié)合起來，使其在拉動頁面滾動條的時候能隨著屏幕滾動： <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: +eval(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: +eval(document.body.clientHeight)-200); TEXT-BLIGN: center"> <TBBLE cellSpacing=0 cellPadding=0 align=center border=0> <TBODY> <TR> <TD>要定位的東西的代碼</TD></TR></TBODY></TBBLE></DIV>
關(guān)于定位坐標-980和-200的說明： 1、clientWidth后面負數(shù)的絕對值越大越靠近左側(cè)。
2、clientHeight后面負數(shù)的絕對值越大越靠近上部。
3、代碼中的那個8px好像是坐標參數(shù)，保持默認即可，無需改動。
這樣比如說你如果把涂鴉板的代碼放進去，添加空白面板后，你的涂鴉板就能跟著屏幕滾動了。
同理，你如果把透明FLBSH的代碼代進去，比如說兩只飛舞的藍色蝴蝶的代碼
<EMBED style="LEFT: 0px; ; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=950 height=1500 type=application/x-shockwave-flash wmode="transparent" quality="high" ;> 這樣就解決了透明FLBSH只能在頁面某一部分顯示，等拉動滾動條后就看不見了的問題，使其能在頁面漂浮。
分類: 網(wǎng)頁特效
（一）首先教大家最簡單的插入Flash的代碼，透明（很多剛開始學FLBSH的同學問的最多的問題），無坐標控制：
注意wmode="transparent"是控制Flash是否透明顯示的，如果不想讓它顯示為透明的，直接把wmode="transparent"去掉即可。
<EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashp layer src=img/1.swf type=application/x-shockwave-flash width=500 wmode="transparent" quality="high"></EMBED>
（二）再教教大家加入絕對坐標的透明Flash，絕對坐標意味著不管你的窗口拉多大，那個Flash依然乖乖地在原地不動
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 200px;
HEIGHT: 1000px" align=right src=http://user.hjenglish.com/yangbb/pics/snow.swf width=500 height=2000 type=application/octet-stream ;; quality="high" wmode="transparent">
?。ㄈ┳詈蠼探檀蠹胰绾渭尤胂鄬ψ鴺说耐该鱂lash，注意下面代碼的table部分，這主要是使用表格作為容器，把Flash“裝”到表格里，這樣不管瀏覽者把瀏覽器拉多大，F(xiàn)lash永遠和表格一起動。而且，表格可以設置背景圖片，表格上面再放一個透明Flash與背景圖片相配合，哇塞，效果好得不得了。
<table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center background=http://w.886.cn/7oz/40580173/27002709_1 9484.jpg>
<TD width=600 height=382><EMBED pluginspage=http://www.macromedia.com/go/getflashp layer
src=http://user.hjenglish.com/yangbb/pics/hearts.s wf width="100%" height="100%" type=application/x-shockwave-flash wmode="transparent"
quality="high"></EMBED></TD></td></table>
多功能網(wǎng)頁滾動式定位代碼
其實對一些已有的各類源代碼進行一些改動，以達到自己理想的效果，并不是一件難事兒！今天，現(xiàn)在就為大家改成了一個很實用的“多功能網(wǎng)頁滾動式定位代碼”用此代碼你可以把任何喜歡的東西定位在網(wǎng)頁任何你喜歡的位置上。下面介紹一下自改代碼的方式；大家也可以對一些不滿意的代碼進行修改，改成自己需要的滿意的代碼！！這個例子是；把懸浮掛件的源代碼和flash時鐘的源代碼嫁接在一起，就變成了一個能把flash時鐘定位在網(wǎng)頁任何位置的“網(wǎng)頁時鐘定位代碼”也可以把‘懸浮掛件’的源代碼和‘播放器’的源代碼嫁接在一起，變成“網(wǎng)頁播放器定位代碼”，變變變變變變！想怎么變就怎么變！任何東西都可以定位在網(wǎng)頁上~ <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(doc ument.body.clientWidth)-1000); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(docu ment.body.clientHeight)-500); TEXT-BLIGN: center"><EMBED src=flash時鐘的地址 width=170 height=170 type=application/x-shockwave-flash></DIV>
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(doc ument.body.clientWidth)-1000); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(docu ment.body.clientHeight)-500); TEXT-BLIGN: center"><EMBED src=音樂鏈接區(qū) width=200 height=50 type=audio/mpeg autostart="true" loop="true"></DIV>
例子三：（網(wǎng)頁滾動字、滾動公告定位代碼）（隨滾動條滾動的歡迎詞）
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(doc ument.body.clientWidth)-800); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(docu ment.body.clientHeight)-400); TEXT-BLIGN: center"><FONT size=3>
<MBRQUEE style="WIDTH: 1010px; HEIGHT: 3px" scrollBmount=10 scrollDelay=10 width=1010 height=3> <P align=left>這里是您要寫的公告內(nèi)容<BR><BR></P></FONT></MBRQUEE></FONT></DIV> (document.body.clientWidth)-1000);
表示被定位物體的左右位置，負數(shù)值越大距離左側(cè)越遠（可自行調(diào)節(jié)）
(document.body.clientHeight)-500);
表示被定位物體的上下位置，負數(shù)值越大距離下方越遠（可自行調(diào)節(jié)）
scrollBmount=1 scrollDelay=1
也就是滾動速度，數(shù)值越大滾動越快（可以自行數(shù)值）
direction=是滾動的方向，up=上，down=下，left=左，right=右，
size=3是滾動字字體的大小。都可以自定義設置 下面的這個定位代碼是網(wǎng)絡上已存在的定位代碼（固定式定位代碼）是把需要定位的特效放在表格里然后再定位表格內(nèi)的特效.效果沒有自己篡改的定位代碼好用！
下面的這個定位代碼是網(wǎng)絡上已存在的定位代碼（滾動式定位代碼）是把需要定位的特效放在表格里然后再定位表格內(nèi)的特效.效果沒有篡改的定位代碼好用！
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(doc ument.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(docu ment.body.clientHeight)-200); TEXT-BLIGN: center">
<TBBLE cellSpacing=0 cellPadding=0 align=center border=0> <TBODY> <TR> <TD>此處粘貼需要定位的特效</TD></TR></TBODY></TBBLE></DIV> 就是這么的簡單，參照以上的例子，你也可以任意的改動自己喜歡的源代碼！還不快行動起來！
<IFRBME border=0 marginWidth=0 frameSpacing=0 marginHeight=0 src="你的flash動畫地址" frameBorder=0 width=600 scrolling=no height=400></IFRBME>
其中width=和height=分別為FLBSH的長和寬
二. 絕對定位代碼,使特效或者其他插件在任何情況下都不變形!
其中l(wèi)eft:和top:分別為距離左邊框和頂邊框的距離!
<table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collap se: collapse;left:0px;top:12px;width:expression(eval(d ocument.body.clientWidth));background-color:transpa rent;" ><tr><td align="center">FLBSH內(nèi)容</td></tr></table> 一 代碼如下：（絕對定位源代碼）
<table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collap se: collapse;left:0px;top:12px;width:expression(eval(d ocument.body.clientWidth));background-color:transpa rent;" ><tr><td align="center">這里覆蓋需要定位的內(nèi)容</td></tr></table>
二代碼如下：（絕對定位+框架）
<table border="0" cellpadding="0" width="100%" style="position:absolute;z-index:100;border-collap se: collapse;left:0px;top:12px;width:expression(eval(d ocument.body.clientWidth));background-color:transpa rent;" ><tr><td align="center"><IFRBME marginWidth=0 marginHeight=0 src="在文字上覆蓋地址" frameBorder=0 width=770 scrolling=no height=48></IFRBME>
</td></tr></table>
有時候自己上傳的FLSH導航欄，F(xiàn)LBSH橫幅，播放器等等都需要絕對的居中，不能有一點偏離！把你上傳后打開的地址復制，然后粘貼覆蓋到代碼中的 文字即可，然后復制代碼-粘貼到模塊中，調(diào)整代碼中的上下數(shù)值，把你想要的效果放在特定的位置！
代碼說明：
top:12px 上下位置的數(shù)值，數(shù)字越大，定位的東西越往下。（自動居中，只調(diào)整上下即可）
width=770 框架的長 height=48 框架的寬 可根據(jù)實際情況自己調(diào)整。
代碼隨意的定位
代碼如下：
<TBBLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>這里覆蓋連接代碼</TD></TR></TBODY></TBBLE></DIV>
你想怎么定位就在以上代碼中 “這里覆蓋連接代碼 ”覆蓋添加上連接的代碼，比如說，你想定位一張圖片，那么只要在代碼中 “這里覆蓋連接代碼” 上覆蓋了這個圖片連接的代碼：<IMG src="文字上覆蓋圖片地址">就行了。
代碼演示：（定位圖片）
<DIV> </DIV><DIV style="RIGHT: 300px; POSITION: absolute; TOP: 100px">
<TBBLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><IMG src="文字上覆蓋圖片地址">
</TD></TR></TBODY></TBBLE></DIV>
參數(shù)說明：
RIGHT: 300px和TOP: 100px分別表示距離屏幕右邊緣和上邊緣的的距離，具體數(shù)值可根據(jù)實際情況自己修改。
注：比如說我想放一個視頻，那么你就要把連接視頻的代碼覆蓋在定位代碼中的 這里覆蓋連接代碼 上。
如果需要絕對定位的居中，請使用本站的：
<TBBLE height=210 width=532 align=center border=0> <TBODY> <TR> <TD><EMBED style="WIDTH: 478px; HEIGHT: 392px" src=http://bbs.flasher123.com/UploadFile/2004-1/20 0413015495958055.swf width=478 height=392 type=application/x-shockwave-flash></EMBED></TD></TR> <TR> <TD vBlign=top width=97 height=106></TD> <TD vBlign=top width=425 height=106></TD></TR> <TR> <TD vBlign=top width=522 colSpan=2 height=13> <P align=center> </P></TD></TR></TBODY></TBBLE> 閃動星星的代碼
<EMBED style="LEFT: 0px; ; TOP: 10px" align=right src=http://imgfree.21cn.com/free/flash/5.swf width=600 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>
下落星星代碼
<EMBED style="LEFT: 680px; ; TOP: 420px" align=right src=http://media.163888.net/virtualdir1/2006/01/05 /18/Flash/22957710937153.swf width=200 height=280 type=application/x-shockwave-flash wmode="transparent" quality="high" ;>
水滴的代碼
<DENTER><EMBED style="LEFT: 10px; ; TOP: -70px" align=right src=http://www.mydeskcity.com/Images/drip.swf width=700 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></DENTER>
1.掛件在固定位置:
<DIV style="RIGHT: 10px; ; TOP: 100px"><IMG src="圖片地址" border=0></B></DIV>
（以上為右掛件代碼，更換RIGHT為LEFT，則為左掛件代碼）
以下是一些掛件的代碼
http://bbs.680.cn/UploadFile/2005-6/20056241738293 6892.gif
http://bbs.680.cn/UploadFile/2005-6/20056241725413 2225.gif
http://bbs.680.cn/UploadFile/2005-6/20056241729213 427.gif
http://bbsimg.qq.com/2005/08/08/000/983.gif
http://www.xlzy.com/bbs/UploadFile/2005-3/20053523 1126268.gif
http://www.xlzy.com/bbs/UploadFile/2005-3/20053523 4237466.gif
更多的掛件地址
http://wufengpu.blog.hexun.com/2750161_d.html
2.掛件隨滾動條移動:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: +eval(document.body.clientWidth)-1020); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; ; ; TOP: +eval(document.body.clientHeight)-600); TEXT-BLIGN: center"><IMG src="圖片地址" border=0></DIV>
代碼說明：
(document.body.clientWidth)-1020);表示圖片的左右位置，負數(shù)值越大距離左側(cè)越遠
(document.body.clientHeight)-600);表示圖片的上下位置，負數(shù)值越大距離下方越遠 <DENTER><TBBLE style="WIDTH: 280px; HEIGHT: 222px" cellSpacing=8 cellPadding=1 width=280 align=center background=http://www.cn898.net/bg/x/1/back_78.gif border=1 table> <TBODY> <TR> <TD><EMBED align=right src=http://www.5blogs.com/rss/3_.swf width=280 height=170 type=application/octet-stream wmode="transparent" quality="high" ><EMBED align=right src=http://imgfree.21cn.com/free/flash/162.swf width=280 height=170 type=application/octet-stream quality="high" wmode="transparent" ></TD></TR></TBODY></TBBLE></DENTER>
