QQ空間代碼之QQ空間掛件代碼

導讀：免費添加QQ空間掛件新代碼（2006年1月20日測試可用）：<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='圖片地址' WIDTH='55' HEIGHT='18..

免費添加QQ空間掛件新代碼（2006年1月20日測試可用）：

<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='圖片地址' WIDTH='55' HEIGHT='180'></div>';">
WIDTH：圖片寬度
HEIGHT：圖片高度
top：圖片與空間頂端的距離
left：圖片與空間左端的距離

下面將舉例說明如何獲得圖片地址以及圖片的寬度和高度：
①打開“裝扮空間” → ②打開“小裝飾” → ③選擇掛件 → ④在掛件圖片上點右鍵，如下圖：

　　在彈出的“屬性”窗口就可以看到圖片文件的路徑，如下圖：

　　複製下來就是：http://imgcache.qq.com/qzone/item/pre/1/2097.gif

　　但是這個不是掛件圖案的地址，要把pre—改爲orig：

　　例如：http://imgcache.qq.com/qzone/item/pre/1/2097.gif （商場裝扮空間裏的掛件展示的地址）
　　改爲：http://imgcache.qq.com/qzone/item/orig/1/2097.gif（實際的掛件圖片地址）

　　打開 http://imgcache.qq.com/qzone/item/orig/1/2097.gif 查看該圖片的屬性，可以看到尺寸是55 X 180 ，就是 寬度X高度 。

　　注意：由於騰訊QQ空間方面做了限制，通過以上方法得到的掛件圖片地址如果直接用到代碼裏面是無法顯示的。

　　免費的東西難道又沒得用了？有一個方法，如果我們把掛件圖片文件下載下來，上傳到別的網頁空間再調出來，是可以顯示的。例如上面這個，上傳到本站，得到地址：http://qqjia.com/learn/q-zone/gj18/0.gif，所以，代碼就是：

<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/0.gif' WIDTH='55' HEIGHT='180'></div>';">

　　大家可以用以上方法下載了QQ空間裏的掛件圖片文件後上傳到免費的網頁空間去（例如個人主頁、論壇、博客、相冊等）得到圖片文件的地址。如果你都不會，請看 用QQ相冊打造免費QQ空間皮膚和掛件 。

　　以下是公子整理出來的部分QQ空間掛件圖案及代碼，歡迎大家選用（點擊小圖看大圖）：

1.掛玉：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/1.gif' WIDTH='48' HEIGHT='168'></div>';">

2.招財貓：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/2.gif' WIDTH='55' HEIGHT='180'></div>';">

3.生日快樂：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/3.gif' WIDTH='72' HEIGHT='235'></div>';">

4.長沙漏：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/4.gif' WIDTH='55' HEIGHT='180'></div>';">

5.卟嚕美人魚：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/5.gif' WIDTH='55' HEIGHT='180'></div>';">

6.情人玫瑰：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/6.gif' WIDTH='60' HEIGHT='160'></div>';">

7.新春祝福：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/7.gif' WIDTH='60' HEIGHT='200'></div>';">

8.送福給你：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/8.gif' WIDTH='55' HEIGHT='180'></div>';">

9.福啊~~：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/9.gif' WIDTH='55' HEIGHT='180'></div>';">

10.可愛狗狗：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/10.gif' WIDTH='55' HEIGHT='180'></div>';">

11.大紅燈籠高高掛：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/11.gif' WIDTH='55' HEIGHT='180'></div>';">

12.紅包：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/12.gif' WIDTH='70' HEIGHT='180'></div>';">

13.歡樂新一年：
<img src="javas&#99;ript:lementById('Mlogo').&#105;nnerHTML+='<div style='position:absolute;top:30;left:50;'><img src='http://qqjia.com/learn/q-zone/gj18/13.gif' WIDTH='60' HEIGHT='160'></div>';">

注意：掛件的位置不能通過鼠標隨意移動，只能通過代碼控制。top：圖片與空間頂端的距離，left：圖片與空間左端的距離，例如上面是“top:30;left:50;”，修改紅色的數值就可以移動位置。

使用方法：
　　在空間首頁選擇自定義，再點建立新模塊，然後把代碼寫在“評論”這一欄裏，其他的可以全部不填。可以參考裏QQ空間皮膚代碼裏的使用說明，是一樣的。