單首簡易聖誕音樂盒(含語法編輯應用)

2008070513:09

蒐集:部落格小物 2007/12/07 18:06

單首簡易聖誕音樂盒(手動版)

自訂欄位應用 (請勿刪除紅色標頭)
語法應用編輯         (二度空間)

<embed src="http://pijadesigns.com/Midiplayer/X3.htm" width="180" height="150"></embed>

貼語法路徑管理部落格管理自定欄位→填寫自定欄位名稱→將語法貼入自定欄位內容→按儲存

PS :重新修改時,語法失效,必須重貼

自訂欄位檢圖說明→http://xs320.xs.to/xs320/07442/W6-5.jpg

更多連結參考 : http://www.pijadesigns.com/xmas/Midiplayer.htm←網頁裡的嵌入連結是使用 iframe ,如果要放在部落格中,需改為 embed..如上述↑

以下為音樂盒網頁原始碼

<script language=JavaScript>m='%3Cscript%20language%3DJavaScript%3Em%3D%27%253Cscript%2520language%253DJavaScript%253Em%253D%2527%25253Cscript%252520language%25253DJavaScript%25253Em%25253D%252527%2525253Chtml%2525253E%2525250A%2525250A%2525253Chead%2525253E%2525250A%2525253Cmeta%25252520name%2525253D%25252522GENERATOR%25252522%25252520content%2525253D%25252522Microsoft%25252520FrontPage%252525205.0%25252522%2525253E%2525250A%2525253Cmeta%25252520name%2525253D%25252522ProgId%25252522%25252520content%2525253D%25252522FrontPage.Editor.Document%25252522%2525253E%2525250A%2525253Cmeta%25252520http-equiv%2525253D%25252522Content-Type%25252522%25252520content%2525253D%25252522text/html%2525253B%25252520charset%2525253Dwindows-1250%25252522%2525253E%2525250A%2525253Ctitle%2525253ESanta%2525253C/title%2525253E%2525250A%2525253Cstyle%25252520fprolloverstyle%2525253EA%2525253Ahover%25252520%2525257Bcolor%2525253A%25252520%25252523A22320%2525253B%25252520font-family%2525253A%25252520CornwallScript%2525253B%25252520font-weight%2525253A%25252520bold%2525257D%2525250A%2525253C/style%2525253E%2525250A%2525253C/head%2525253E%2525250A%2525253Cstyle%2525253E%2525250AA%2525253Alink%25252520%2525257Btext-decoration%2525253Anone%2525253B%25252520color%2525253A%25252523ff0000%2525253B%25252520%2525257D%2525250AA%2525253Avisited%25252520%2525257Btext-decoration%2525253Anone%2525253B%25252520color%2525253A%25252523CCFF33%2525253B%25252520%2525257D%2525250AA%2525253Ahover%25252509%2525257Btext-decoration%2525253Anone%2525253B%25252520color%2525253A%25252522FFFF00%25252522%2525253C/style%2525253E%2525250A%2525253Cbody%2525253E%2525250A%2525253Cleft%2525253E%2525250A%2525253Cdiv%25252520style%2525253D%25252522visibility%2525253Ahidden%2525253Bposition%2525253Aabsolute%2525253Btop%25252522%2525253E%25252520%25252520%25252520%25252520%2525250A%2525253COBJECT%25252520ID%2525253D%25252522mp%25252522%25252520classid%2525253D%25252522CLSID%2525253A22D6F312-B0F6-11D0-94AB-0080C74C7E95%25252522%25252520type%2525253D%25252522application/x-oleobject%25252522%25252520codebase%2525253D%25252522http%2525253A//activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab%25252523Version%2525253D6%2525252C4%2525252C7%2525252C1112%25252522%25252520width%2525253D%252525221%25252522%25252520height%2525253D%252525221%25252522%2525253E%25252520%2525250A%2525253CPARAM%25252520NAME%2525253D%25252522AutoRewind%25252522%25252520VALUE%2525253D%25252522true%25252522%2525253E%2525250A%2525253CPARAM%25252520NAME%2525253D%25252522Balance%25252522%25252520VALUE%2525253D%252525220%25252522%2525253E%2525250A%2525253CPARAM%25252520NAME%2525253D%25252522AutoStart%25252522%25252520VALUE%2525253D%25252522false%25252522%2525253E%25252520%2525250A%2525253CPARAM%25252520NAME%2525253D%25252522ShowDisplay%25252522%25252520VALUE%2525253D%25252522false%25252522%2525253E%25252520%2525250A%2525253CPARAM%25252520NAME%2525253D%25252522ShowControls%25252522%25252520VALUE%2525253D%25252522false%25252522%2525253E%2525250A%2525253CPARAM%25252520NAME%2525253D%25252522ShowTracker%25252522%25252520VALUE%2525253D%25252522false%25252522%2525253E%2525250A%2525253CPARAM%25252520NAME%2525253D%25252522PlayCount%25252522%25252520VALUE%2525253D%252525220%25252522%2525253E%25252520%2525250A%2525253CPARAM%25252520NAME%2525253D%25252522FileName%25252522%25252520VALUE%2525253D%25252522http%2525253A//www.pijadesigns.com/silent.mid%25252522%2525253E%25252520%2525250A%2525253C/OBJECT%2525253E%2525253C/div%2525253E%2525250A%2525253Ctable%25252520border%2525253D%252525221%25252522%25252520id%2525253D%25252522midi%25252522%25252520background%2525253D%25252522SN.gif%25252522%25252520width%2525253D%25252522160%25252522%25252520height%2525253D%25252522120%25252522%25252520style%2525253D%25252522border-collapse%2525253A%25252520collapse%25252522%25252520bordercolor%2525253D%25252522%25252523FFFFFF%25252522%25252520cellpadding%2525253D%252525220%25252522%25252520cellspacing%2525253D%252525220%25252522%2525253E%2525250A%2525253Ctr%2525253E%2525253Ctd%25252520width%2525253D%25252522154%25252522%25252520height%2525253D%25252522116%25252522%2525253E%2525250A%2525253Ccenter%2525253E%2525250A%2525253Cdiv%25252520style%2525253D%25252522text-align%2525253A%25252520center%2525253B%25252520height%2525253A65%2525253B%25252520width%2525253A147%25252522%2525253E%2525250A%2525253Cinput%25252520type%2525253D%25252522button%25252522%25252520value%2525253D%252525224%25252522%25252520%2525250Astyle%2525253D%25252522font-size%2525253A%2525252024pt%2525253B%25252520font-family%2525253A%25252520Webdings%2525253B%25252520color%2525253A%25252523ffffff%2525253B%25252520background%2525253A%2525253B%25252520%2525250Aborder%2525253A0px%25252520none%25252522%25252520ONCLICK%2525253D%25252522mp.Play%25252528%25252529%25252522%2525253E%2525250A%2525253Cinput%25252520type%2525253D%25252522button%25252522%25252520value%2525253D%25252522%2525253B%25252522%25252520%2525250Astyle%2525253D%25252522font-size%2525253A%2525252024pt%2525253B%25252520font-family%2525253A%25252520Webdings%2525253B%25252520color%2525253A%25252523ffffff%2525253B%25252520background%2525253A%2525253B%25252520%2525250Aborder%2525253A0px%25252520none%25252522%25252520ONCLICK%2525253D%25252522mp.Pause%25252528%25252529%25252522%2525253E%2525250A%2525253Cinput%25252520type%2525253D%25252522button%25252522%25252520value%2525253D%25252522%2525253C%25252522%25252520%2525250Astyle%2525253D%25252522font-size%2525253A%2525252024pt%2525253B%25252520font-family%2525253A%25252520Webdings%2525253B%25252520color%2525253A%25252523ffffff%2525253B%25252520background%2525253A%2525253B%25252520%2525250Aborder%2525253A0px%25252520none%25252522%25252520ONCLICK%2525253D%25252522mp.Stop%25252528%25252529%25252522%2525253E%25252520%2525253C/div%2525253E%2525250A%2525253Ca%25252520target%2525253D%25252522_blank%25252522%25252520href%2525253D%25252522http%2525253A//www.pijadesigns.com%25252522%2525253E%2525250A%2525253CMARQUEE%25252520scrollAmount%2525253D2%25252520width%2525253D111%25252520height%2525253D18%25252520style%2525253D%25252522font-family%2525253A%25252520Verdana%2525253B%25252520color%2525253A%25252520%25252523FFFFFF%2525253B%25252520font-size%2525253A%2525252012pt%2525253B%25252520font-weight%2525253Abold%25252522%2525253E%2525253CFONT%25252520face%2525253Dverdana%25252526nbsp%2525253B%25252526nbsp%2525253B%25252526nbsp%2525253B%25252526nbsp%2525253B%25252526nbsp%2525253B%25252526nbsp%2525253B%25252520color%2525253D%25252523ffffff%25252520size%2525253D2%2525253ESilent%25252520Night%2525253C/FONT%2525253E%2525253C/MARQUEE%2525253E%2525253C/a%2525253E%2525250A%2525253Ca%25252520target%2525253D%25252522_blank%25252522%25252520href%2525253D%25252522http%2525253A//www.pijadesigns.com%25252522%2525253E%2525250A%2525253Cfont%25252520color%2525253D%25252522%25252523FFFFFF%25252522%25252520size%2525253D%252525222%25252522%2525253E%25252526nbsp%2525253B%25252520%252525A9%2525253C/font%2525253E%2525253C/a%2525253E%2525253C/font%2525253E%2525253C/td%2525253E%2525253C/tr%2525253E%2525250A%2525253C/table%2525253E%2525250A%2525253C/center%2525253E%2525250A%2525250A%2525253C/body%2525253E%2525250A%2525250A%2525253C/html%2525253E%252527%25253Bd%25253Dunescape%252528m%252529%25253Bdocument.write%252528d%252529%25253B%25253C/script%25253E%2527%253Bd%253Dunescape%2528m%2529%253Bdocument.write%2528d%2529%253B%253C/script%253E%27%3Bd%3Dunescape%28m%29%3Bdocument.write%28d%29%3B%3C/script%3E';d=unescape(m);document.write(d);</script>

相信看到的是一堆看不懂的原始碼,無所謂! 這是因為原始碼加密的關係,可以使用網路上現成的解碼器解碼,這個原始碼加密總共加了4層,意思就是要解4次,才能恢復原始碼語法,解碼網頁參考: http://home.pchome.com.tw/soho/leeweng/html/03/encrypt2.htm

以下為解碼之後的結果(紅色與藍色部分另有解說)

<script language=JavaScript>m='<script language=JavaScript>m='<script language=JavaScript>m='<script language=JavaScript>m='

<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Santa</title>
<style fprolloverstyle>A:hover {color: #A22320; font-family: CornwallScript; font-weight: bold}
</style>
</head>
<style>
A:link {text-decoration:none; color:#ff0000; }
A:visited {text-decoration:none; color:#CCFF33; }
A:hover {text-decoration:none; color:"FFFF00"</style>
<body>
<left>
<div style="visibility:hidden;position:absolute;top">
<OBJECT ID="mp" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" width="1" height="1">
<PARAM NAME="AutoRewind" VALUE="true">
<PARAM NAME="Balance" VALUE="0">
<PARAM NAME="AutoStart" VALUE="false">
<PARAM NAME="ShowDisplay" VALUE="false">
<PARAM NAME="ShowControls" VALUE="false">
<PARAM NAME="ShowTracker" VALUE="false">
<PARAM NAME="PlayCount" VALUE="0">
<PARAM NAME="FileName" VALUE="http://www.pijadesigns.com/silent.mid">
</OBJECT></div>
<table border="1" id="midi" background="SN.gif" width="160" height="120" style="border-collapse: collapse" bordercolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr><td width="154" height="116">
<center>
<div style="text-align: center; height:65; width:147">
<input type="button" value="4"
style="font-size: 24pt; font-family: Webdings; color:#ffffff; background:;
border:0px none" ONCLICK="mp.Play()">
<input type="button" value=";"
style="font-size: 24pt; font-family: Webdings; color:#ffffff; background:;
border:0px none" ONCLICK="mp.Pause()">
<input type="button" value="<"
style="font-size: 24pt; font-family: Webdings; color:#ffffff; background:;
border:0px none" ONCLICK="mp.Stop()"> </div>
<a target="_blank" href="http://www.pijadesigns.com">
<MARQUEE scrollAmount=2 width=111 height=18 style="font-family: Verdana; color: #FFFFFF; font-size: 12pt; font-weight:bold"><FONT face=verdana&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color=#ffffff size=2>Silent Night</FONT></MARQUEE></a>
<a target="_blank" href="http://www.pijadesigns.com">
<font color="#FFFFFF" size="2">&nbsp; ©</font></a></font></td></tr>
</table>
</center>
</body>
</html>

';d=unescape(m);document.write(d);</script>';d=unescape(m);document.write(d);</script>';d=unescape(m);document.write(d);</script>';d=unescape(m);document.write(d);</script>

接下來就是去頭去尾,將標示紅色部分去掉,將藍色部份改成可應用的連結,這樣就可以應用製作自己的簡易音樂盒,上傳自己的網路空間

PS: false 改成 true 即自動播放,Silent Night為可自訂跑馬文字←(這區段中的文字顏色可自行修改),#ffffff按紐顏色

原圖片連結網址: http://pijadesigns.com/Midiplayer/SN.gif 自行加入