BLOG 原始碼大全

 【1】插入圖片
<img src="http://圖片地址" border="0" width="344" height="255">

在發表文章的時候，點開左下角的“顯示原始碼”，然後直接寫入以上的代碼。代碼中的圖片地址就是網上搜到的以 .jpg .bmp .gif 結尾的圖片的網址，在網頁的圖片上點右鍵查看“屬性”就可以看到地址。“width”是寬度，“height”是高度，可調

【2】插入左右滾動圖片
<MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><img src="第一張圖片地址"><img src="第二張圖片地址"></MARQUEE>

代碼含義補充說明：
1.圖片尺寸為原始大小
2. scrollAmount 它表示速度，值越大速度越快。
3. width 是捲動區域的寬度，height 捲動區域的高度。
4. 加入onmouseover=stop() onmouseout=start()代碼，滑鼠指向迴圈文字圖片時他們會停止滾動，滑鼠離開時繼續滾動。
5.如何給滾動圖片加超連結？
用<a href=>和</a>把<img>包圍，並且img必須設border=0，否則圖片會出現邊框。4個圖片帶串連，在新視窗中開啟中秋節賀卡的例子如：（1，2）

1
<MARQUEE width=200 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0620.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0620.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0621.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0621.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0622.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0622.gif" border="0"></a><a href="http://www.qqjia.com/mu/send.htm?jr/06/jr0623.swf" target="_blank"><img src="http://www.qqjia.com/mu/jr/jr0623.gif" border="0"></a></MARQUEE>

2 走馬燈式的QQ秀代碼
<DIV></DIV>
<MARQUEE scrollAmount=3 loop=infinite onmouseover="stop()" onmouseout="start()" deplay="0"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx9ouxU_fNRELWGGVj_3bnWwzekCPgObiRhRiBTc3IX4UkaXCBiSOmfUxY2svdXNE3tfiABpYbK8g5Hdbx2DV4mKc5zg-9dMXd5LwZoJ20fxj"><IMG style="WIDTH: 141px; HEIGHT: 225px" height=224 src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx5io61iYnCF41_4RC-MoC1eUOvCvCHAQmEppg1KEu1fEVIEfJsb-6N9CL19UA1s9JlKGhsRPVLJHCrrRhhWwav53pjW78_b2gphoMJK70DpZ" width=141><IMG height=225 src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx-8lK1h4Iqf-2Y8LCb4yWGLO9vYPgJbakefVolFLaMPwFHTZbcxkTeLg3k63FQPY9wmJf3R0NEQeVdBVkntBgJqGvwlK9xpVEEkyF5NTlxPb" width=141><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx43xXlOhpUhXCpFHpet7cEOtwNxX_pSkLaYh-_qA7NW8d9LvV1gB_n8DymVuA1PTwuEecymB4RQDyYBVSV03wcBrEtKHD2S7UA0VgpZMwIFx"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx_4mcIsarAYbLJZyPrgHuCS7et7gyC2ldr8ONaH1pw4ySaQ9WHK3g22JhMgScToLzhjS6MLMScaAimeCvgd5K-K6UqZu84QJIhG74-qoKP1U"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx-9ju48B2qX-ZtwbYGqC25rbGsdnS15QErUo5BWNtT9fvfraVEwR7qtEeb8lgnJi0o8W0EeElhoh3RHymaYPUuQdoK20ep3RGQW6tkwaK6Wl"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anxx37f7mzejb-hfRUrqOSodPDD0m4tuiIJ8e9O-EL-gKJ-Hhcu5kSQuxSL8JdCg3VqKuB8xQ97-pJ4cmJlgRNw6mu4R3KL9RhXYgU4GiJIz2W"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx59UHkfyQwD3wwPf3LGScW6_VBF8BO8Ringo3OIY2yozMEcQr4TJk0oSFKoqPavRtA55K35KH8CL77-Kmr1E1PbxfsQmebG7FZHxZybHtAec"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx8KpxXTZ4JMpB42hv1xZFFc_TR2nR_uXA-V7wSe4ISWnOVkgssTNCEXjL8_cWI0FQmEMvim_J0y7vX0nyYB3lEf-y2dLxT5cXRVJYD-9B10L"><IMG src="http://storage.msn.com/x1pc_jqddVOWRl2iNA2r7anx6fqAUFNvb_v6z5R_J6JKerL8bVxtKaErQgLznl856wubQ3bZMaQu0B7lzRI26BWgKbtNkR1ytV7s1EI8RFCwWZ8hJu2G-MA5MUg-afs9wsk"></MARQUEE>
<DIV></DIV>

【3】插入FLASH的代碼
發表文章是點擊選擇“顯示原始碼”
插入代碼：
<embed src="http://user.hjenglish.com/ielts/tem/unit1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="500" height="400"></embed>

只需把你的在百度上找的flash的替換一下src="http://user.hjenglish.com/ielts/tem/unit1.swf"的“”中的網址部分就可以了！width="500" height="400"是flash的播放面積，也是可調的！這樣大家就可以和我一樣來享受音樂和flash的樂趣！

【4】視頻代碼一例

<DIV>
<P><IMG style="WIDTH: 173px; HEIGHT: 173px" height=173 loop=infinite dynsrc=http://www.photocen.com/videodata/186/zN9EOz92558.WMV width=173 align=left></P>

<DIV> </DIV>
<DIV>超女決賽張靚穎:我和我的祖國</DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV>
<DIV></DIV> 加了許多空格是排版需要，實際使用時可以刪除

【5】插入音樂的代碼
<embed>標籤來編寫播放媒體檔案的代碼了。文法：
格式一：<embed src=地址 autostart=值 loop=值 widht=值 height=值 type=值>
格式二：<embed src=地址 autostart=值 loop=值 hidden=true type=值>
格式一適用於顯示播放介面的情形，格式二適用於隱藏播放介面的情形。

下面分別講解各參數的取值規定和要求。

src：媒體音樂地址。地址要完整、有效。如果檔案名稱包含非英文字元，建議整個地址用小角雙引號引起來。
autostart：是否自動播放（即一開啟文章就播放與否）。true為自動，false為手動。
loop:是否迴圈播放。true為迴圈，false只播放一次；也可用正整數表示播放多少次，比如等於3表示播放3次。
width:播放介面的寬度。建議在300到500之間。
height:播放介面的度度。這個很講究。針對音頻檔案，視頻介面是沒有必要出現的，為此，WMP播放機設定為45非常合適，RP播放機為85較好；有視頻的則根據情況設定。
hidden:是否隱藏播放介面。格式二文法式樣中設定為true，即不可見，如果設定為false，則表示可見，但若不設定width和height，它的樣子是不好看的。有不少人也用width=0 height=0來隱藏播放機的播放介面，其是這樣是隱藏不了的，WMP有一個點，RP有一條豎線。
type:這是一個重要的值，用於指播放機的外掛程式類型，一些論壇會根據有效src自動給出type類型（這類論壇我們編寫代碼時可以省略type），但也有的論壇不會自動給出類型，需要使用者指定。type的取值依據和取值規定是：
WMP類：audio/mpeg (wma的可用audio/x-ms-wma，不過都一樣)
RP類：application/octet-stream

【6】圖文結合捲軸代碼一例

<DIV></DIV></FONT></FONT>
<DIV align=right><IMG style="WIDTH: 180px; HEIGHT: 291px" src="http://www.znol.com.cn/news/UploadFiles/200592215941102.jpg" align=left border=0> </DIV>
<DIV>
<DIV style="BORDER-RIGHT: #000000 0px dotted; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 9pt; OVERFLOW-X: hidden; OVERFLOW: scroll; BORDER-LEFT: #b6d1f5 0px dotted; WIDTH: 311px; SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 12pt; SCROLLBAR-ARROW-COLOR: #004848; BORDER-BOTTOM: #b6d1f5 0px dotted; FONT-FAMILY: Verdana; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 291px" align=left>
<P><A href="http://book.263.net/20040330/3336.html" target=_blank>00·《一生必讀的60本書》</A><A target=_top><IMG height=80 src="http://www.cidpx.com/Article/UploadFiles/200412/20041219180343617.jpg" width=100 align=right border=0></A> <BR>01·《聖經》 <BR>02·《論語》 <BR>03·《物種起源》 <BR>04·《全球通史》 <BR>05·《君王論》 <BR>06·《史記》 <BR>07·《孫子兵法》<BR>08·《三國演義》<IMG height=80 src="http://image2.sina.com.cn/hs/d/p/2005-05-10/U1249P361T1D1089F31DT20050510152143.jpg" width=100 align=right border=0></A><BR>09·《戰爭論》 <BR>10·《水滸傳》 <BR>11·《曾國藩家書》 <BR>12·《毛澤東傳》 <BR>13·《湯姆叔叔的小屋》 <BR>14·《紅與黑》 <BR>15·《紅樓夢》 <BR>16·《悲慘世界》 <IMG height=80 src="http://xffcw.com/uploadfile/2005826104171.jpg" width=100 align=right border=0></A> <BR>17·《百年孤獨》 <BR>18·《老人與海》 <BR>19·《國富論》 <BR>20·《胡雪岩全傳》 <BR>21·《飄》 <BR>22·《鋼鐵是怎樣煉成的》 <BR>23·《西遊記》 <BR>24·《呐喊》 <IMG height=80 src="http://www.hsw.net.cn/design/2005-02/28/95cc47376ccc33a58ddec9c829ad729a.jpg" width=100 align=right border=0></A> <BR>25·《小王子》 <BR>26·《本草綱目》 <BR>27·《昆蟲記》 <BR>28·《傾城之戀》 <BR>29·《一千零一夜》 <BR>30·《堂吉訶德》 <BR>31·《變形記》 <BR>32·《吉檀迦利》 <BR>33·《歐也妮·葛朗台》 <BR>34·《哈姆萊特》 <BR>35·《簡·愛》 <BR>36·《雷雨》 <BR>37·《茶花女》 <BR>38·《神曲》 <BR>39·《夢的解析》 <BR>40·《雪國》 <BR>41·《邊城》 <BR>42·《喧嘩與騷動》 <BR>43·《複活》 <BR>44·《罪與罰》 <BR>45·《四世同堂》 <BR>46·《生命中不能承受之輕》 <BR>47·《圍城》 <BR>48·《情人》 <BR>49·《西廂記》 <BR>50·《蘇菲的世界》 <BR>51·《瓦爾登湖》 <BR>52·《穆斯林的葬禮》 <BR>53·《冰心散文選》 <BR>54·《日瓦戈醫生》 <BR>55·《美的曆程》 <BR>56·《麥田裡的守望者》 <BR>57·《伊索寓言》 <BR>58·《活著》 <BR>59·《我的精神家園》 <BR>60·《我與地壇》 <BR>
<P></P>
<DIV></DIV></DIV></DIV>

【7】flash時鐘（寫入自訂空白面板）

<DIV></DIV><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=時鐘網址 width=180 height=150 type=application/x-shockwave-flash quality="high"></EMBED>
<DIV></DIV>

時鐘網址可以用以下網址替換。
時鐘網址:

http://lizi50.dnsmy.com/shizhongku/clock2.swf
http://lizi50.dnsmy.com/shizhongku/Clock3.swf
... ...
http://lizi50.dnsmy.com/shizhongku/Clock36.swf
也可以自己在百度上搜名為時鐘的FLASH，複製地址加到src=的後面即可，記住網址後要留一空格。

【8】金魚水珠雪花代碼（寫入自訂空白面板）
金魚的代碼
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 1px; HEIGHT: 600px" align=right src=http://www.52cr.cn/images/fish.swf width=500 height=2000
type=application/octet-stream ;; quality="high" wmode="transparent">

水珠的代碼
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 1px; HEIGHT: 600px"
align=right src=http://www.china-holiday.com/images/flash/009.swf width=500 height=2000
type=application/octet-stream ;; quality="high" wmode="transparent">

雪花的代碼
<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 1px; HEIGHT: 600px"
align=right src=http://www.china-holiday.com/images/flash/005.swf width=500 height=2000
type=application/octet-stream ;; quality="high" wmode="transparent">

【9】個人化游標（寫入自訂空白面板）
1複製以下代碼 <STYLE type=text/css>
a:hover {cursor:url('http://webme.bokee.com/inc/mouse051.ani')}
BODY {cursor:url('http://webme.bokee.com/inc/mouse051.ani')}
</STYLE>
註：http://部分是游標地址，可以根據自己的愛好更換
推薦網址http://myok.bokee.com/2081936.html有很多可愛的游標地址
如http://webme.bokee.com/inc/mouse034.ani
http://webme.bokee.com/inc/mouse047.ani
http://webme.bokee.com/inc/mouse013.ani

【10】浮動掛件代碼（寫入自訂空白面板）

左側代碼：
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="圖片URL地址" border=0></DIV>

右側代碼：
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="圖片URL地址" border=0></DIV>

參數說明：
1、clientWidth後面負數的絕對值越大，圖片越靠近左側
2、clientHeight後面負數的絕對值越大，圖片越靠近上部
3、“圖片URL地址”處加入你想用到的圖片的URL地址即可，建議使用BLOG內部的圖片。
注意：前兩個參數需要根據圖片的實際情況來設定，代碼中的那個8px好