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空間程式碼之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='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空間面板程式碼裡的使用說明,是一樣的。