QQ空间挂件代码

QQ空间挂件代码

%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'图片地址\' WIDTH=\'55\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;
WIDTH：图片宽度
HEIGHT：图片高度
top：图片与空间顶端的距离
left：图片与空间左端的距离

下面将举例说明如何获得图片地址以及图片的宽度和高度：
①打开“装扮空间” → ②打开“小装饰” → ③选择挂件 → ④在挂件图片上点右键，如下图：

　　 在弹出的“属性”窗口就可以看到图片文件的路径，如下图：

　　

复制下来就是：http://www.qzoner.com/Files/BeyondPic/2006-12/8/4755.gif

　　 但是这个不是挂件图案的地址，要把pre—改为orig：

　　 例如：http://www.qzoner.com/Files/BeyondPic/2006-12/8/4755.gif （商场装扮空间里的挂件展示的地址）
　　 改为：http://www.qzoner.com/Files/BeyondPic/2006-12/8/4755.gif（实际的挂件图片地址）

　　 打开 http://www.qzoner.com/Files/BeyondPic/2006-12/8/4755.gif 查看该图片的属性，可以看到尺寸是62 X 180 ，就是 宽度X高度 。

　　 注意：由于腾讯QQ空间方面做了限制，通过以上方法得到的挂件图片地址如果直接用到代码里面是无法显示的。

　　 免费的东西难道又没得用了？有一个方法，如果我们把挂件图片文件下载下来，上传到别的网页空间再调出来，是可以显示的。例如上面这个，上传到本站，得到地址：http://www.qzoner.com/Files/BeyondPic/2006-12/8/4755.gif，所以，代码就是：

%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/4755.gif\' WIDTH=\'62\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;

　　 大家可以用以上方法下载了QQ空间里的挂件图片文件后上传到免费的网页空间去（例如个人主页、论坛、博客、相册等）得到图片文件的地址。如果你都不会，请看 用QQ相册打造免费QQ空间皮肤、漂浮物和挂件等 。

　　 不会隐藏新建模块的，请看---怎样使用自定义，如何隐藏QQ空间新建模块

　　 以下是站长整理出来的部分QQ空间挂件图案及代码，欢迎大家选用（点击小图看大图）：

1.挂玉：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/1.gif\' WIDTH=\'48\' HEIGHT=\'168\'%26gt;%26lt;/div%26gt;';"%26gt;

2.招财猫：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/2.gif\' WIDTH=\'55\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;

3.生日快乐：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/3.gif\' WIDTH=\'72\' HEIGHT=\'235\'%26gt;%26lt;/div%26gt;';"%26gt;

4.长沙漏：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/4.gif\' WIDTH=\'55\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;

5.卟噜美人鱼：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/5.gif\' WIDTH=\'55\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;[Page]

6.情人玫瑰：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/6.gif\' WIDTH=\'60\' HEIGHT=\'160\'%26gt;%26lt;/div%26gt;';"%26gt;

7.新春祝福：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/7.gif\' WIDTH=\'60\' HEIGHT=\'200\'%26gt;%26lt;/div%26gt;';"%26gt;

8.送福给你：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/8.gif\' WIDTH=\'55\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;

9.福啊~~：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/9.gif\' WIDTH=\'55\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;

10.可爱狗狗：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/10.gif\' WIDTH=\'55\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;

11.大红灯笼高高挂：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/11.gif\' WIDTH=\'55\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;

12.红包：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/12.gif\' WIDTH=\'70\' HEIGHT=\'180\'%26gt;%26lt;/div%26gt;';"%26gt;

13.欢乐新一年：
%26lt;img src="javas%26amp;#99;ript:document.getElementById('Mlogo').%26amp;#105;nnerHTML+='%26lt;div style=\'position:absolute;top:30;left:50;\'%26gt;%26lt;img src=\'http://www.qzoner.com/Files/BeyondPic/2006-12/8/13.gif\' WIDTH=\'60\' HEIGHT=\'160\'%26gt;%26lt;/div%26gt;';"%26gt;

注意：挂件的位置不能通过鼠标随意移动，只能通过代码控制。top：图片与空间顶端的距离，left：图片与空间左端的距离，例如上面是“top:30;left:50;”，修改红色的数值就可以移动位置。