春天沒來老師的代碼知識 2014-2-6 17:01:22

下面我給你比較詳細地講解一下應用scc的定位代碼製作網頁的方法：首先，在表格標籤中要設置相對定位的樣式：style="left: 0px; top: 0px; width: 870px; height: 270px; position: relative;" 只有設置了這個樣式，表格才能夠放置到正常的位置上。然後，在表格的單元格（就是這兩個標籤之間：<td></td>）中放入你要放入的基本內容，文字、圖片、動畫圖片等等內容均可。接著，在下面放入你要添加的動畫圖片標籤。每個動畫圖片標籤中都要設置絕對定位樣式：style="left: 150px; top: 850px; width: 600px; position: absolute;"這個絕對定位樣式里的居左值（left: 150px）與居上值（top: 850px），是調整添加的動畫圖片在網頁中的位置的；寬度值：width: 600px與定位樣式後面的高度值：height="400"是調整添加的動畫圖片的顯示大小的。添加的動畫圖片結束以後，才可以用表格的一套尾標籤收尾。你把我給你修改的網頁代碼認認真真地看幾次，想必你會理解的。你的網頁中多餘的代碼挺多，我基本上給你都刪除了。你選擇的動畫圖片，我只給你保留了三個，其餘的沒有使用。保留的三個動畫圖片中，有兩個我應用了多次，我覺得，這種效果就挺不錯了。這裡，我還要說明的一點是：360圖書館中的伺服器真令人頭痛。應用定位代碼製作的網頁，往往在通過審核以後，存在移位現象，也就是說，審核以後，添加的動畫圖片很可能不在我們添加的位置上了。下面是我給你修改的網頁代碼：<table style="left: 0px; top: 0px; width: 870px; height: 270px; position: relative;" border="0" cellSpacing="0" cellPadding="0" width_="870" background="http://image15.360doc.com/DownloadImg/2010/10/0217/5694648_18.jpg"><tbody><tr><td><div align="center"><img style="margin: 0px 10px 0px 0px;" title="愛蓮說（古文音畫）蓮友1972書館歡迎您）" alt="愛蓮說（古文音畫）蓮友1972書館歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image67.360doc.com/DownloadImg/2013/11/1411/36688294_4.gif"></div><div align="center"><img style="margin: 0px; width: 700px; height: 1045px;" alt="愛蓮說（古文音畫）蓮友1972書館歡迎您" src="http://image66.360doc.com/DownloadImg/2013/11/0707/36511614_3.jpg"></div><br><div align="center"><img style="margin: 0px; width: 700px; height: 1045px;" alt="愛蓮說（古文音畫）蓮友1972書館歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image66.360doc.com/DownloadImg/2013/11/0707/36511614_6.jpg"></div><div align="center">&nbsp;</div><div align="center"><img style="margin: 0px; width: 700px; height: 1019px;" alt="愛蓮說（古文音畫）蓮友1972書館歡迎您" src="https://www.getit01.com/getimg_360.php?url=http://image66.360doc.com/DownloadImg/2013/11/0707/36511614_5.jpg"></div><div align="center">&nbsp;</div><div align="center"><img style="width: 755px; height: 1042px;" alt="" src="https://www.getit01.com/getimg_360.php?url=http://userimage3.360doc.com/13/0528/23/7243692_201305282359110853.jpg" width_="800" height="1198"></div><div align="center">&nbsp;</div><div align="center"><img style="width: 765px; height: 621px;" class="imgZoomOut" src="https://www.getit01.com/getimg_360.php?url=http://image68.360doc.com/DownloadImg/2014/02/0419/38758451_5" wldth="551" helght="448"></div><div align="center">&nbsp;</div><div align="center"><font color="#ccffff" size="5">這是我第一次試做添加特效的作品，雖然做的不好，卻廢了我不少腦細胞，<font style="font-size: 29px;"><font style="font-size: 24px;">希望朋友們能喜歡，並請多多指教。春天來了，祝福各位朋友春日快樂！ </font></font></font><font style="font-size: 29px;"><font style="font-size: 24px;" color="#ccffff">-----蓮友1972</font></font></div><marquee style="width: 98.05%; height: 110px; color: rgb(250, 0, 0); line-height: 150%; font-family: 華文行楷; font-size: 35pt;" behavior="alternate" scrollAmount="3"><strong>蓮友1972祝您欣賞快樂</strong></marquee><embed style="left: 380px; top: 600px; width: 0px; position: absolute;" height="0" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="0" src="https://www.getit01.com/getimg_360.php?url=http://b.bst.126.net/common/spirit.swf?version=1.0.13&amp;t=20100719" wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="always" flashvars="loop=true&amp;autoPlay=true&amp;url=http://www.21psy.com/DownloadFlash/music/d1.MP3&amp;title=將軍令&amp;artist=中國民樂 古箏" <h3=""><embed style="left: 150px; top: 850px; width: 600px; position: absolute;" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://tmflash.6000y.com/flashxuexi/QQ249181841-1438.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"><embed style="left: 150px; top: 1900px; width: 600px; position: absolute;" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://tmflash.6000y.com/flashxuexi/QQ249181841-1438.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"><embed style="left: 150px; top: 2950px; width: 600px; position: absolute;" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://tmflash.6000y.com/flashxuexi/QQ249181841-1438.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"><embed style="left: 150px; top: 4000px; width: 600px; position: absolute;" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://tmflash.6000y.com/flashxuexi/QQ249181841-1438.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"><embed style="left: 150px; top: 150px; width: 600px; position: absolute;" height="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://www.hsq80.com/tml/031/hsq80.com-031-02.3.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"><embed style="left: 150px; top: 1250px; width: 600px; position: absolute;" height="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://www.hsq80.com/tml/031/hsq80.com-031-02.3.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"><embed style="left: 150px; top: 2300px; width: 600px; position: absolute;" height="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://www.hsq80.com/tml/031/hsq80.com-031-02.3.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"><embed style="left: 150px; top: 3300px; width: 600px; position: absolute;" height="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://www.hsq80.com/tml/031/hsq80.com-031-02.3.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"><embed style="left: 0px; top: 4480px; width: 600px; position: absolute;" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width_="800" src="https://www.getit01.com/getimg_360.php?url=http://www.flash1890.com/swf/sucai/hudie/1.swf" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"></td></tr></tbody></table>推薦欣賞：【蓮友習作】美女美樂送給你

給「蓮友1972」修改的網頁

蓮友1972圖書館歡迎您

推薦閱讀：