|
QQ空间挂件实际上就是挂件图片，相应地，QQ空间挂件代码也就是QQ空间图片代码，只不过调用的图片是QQ空间挂件图片。
一、QQ空间挂件代码如下：
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:30;left:50;\'><img src=\'图片地址\' WIDTH=\'55\' HEIGHT=\'180\'></div>';"> |
WIDTH：图片宽度，HEIGHT：图片高度，top：图片与空间顶端的距离，left：图片与空间左端的距离
由于腾讯QQ空间方面做了限制，因此不能直接调用QQ装扮空间的挂件图片，但可以把QQ装扮空间的挂件图片文件下载或保存下来，上传到别的网页空间再调出来。比如上传到免费的网页空间去（例如个人主页、论坛、博客、相册等）。当然，你也可以用你在网页上看到的任何图片做皮肤，看到喜欢的图片点右键－属性－地址－复制，用得到的图片地址替换上述QQ空间免费皮肤代码中的图片地址即可。
二、如何获得QQ装扮空间的挂件图片地址及其宽度和高度
①打开“装扮空间” → ②打开“小装饰” → ③选择挂件 → ④在挂件图片上点右键，如下图：
在弹出的“属性”窗口就可以看到图片文件的路径，如下图：
复制下来就是：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 高度 。
保存挂件图片，上传到空间，并把上传后的挂件图片的URL地址和得到的挂件图片长、宽替换QQ空间挂件代码中的对应部分后，就成为你可以使用的QQ空间挂件代码了。
三、QQ空间挂件代码使用方法
在空间首页选择自定义，再点建立新模块，然后把代码写在“评论”这一栏里，其他的可以全部不填，详细说明请参考 QQ空间代码教程。需要注意的是挂件的位置不能通过鼠标随意移动，只能通过代码控制。
四、部分网上免费QQ空间挂件
1．QQ空间挂件 挂玉 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 招财猫 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 生日快乐 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 长沙漏 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 卟噜美人鱼 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 情人玫瑰 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 新春祝福 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 送福给你 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 福啊~~ 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 可爱狗狗 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 大红灯笼高高挂 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 红包 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<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．QQ空间挂件 欢乐新一年 点击这里查看效果
[点击复制]
| <img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/gj18/13.gif\' WIDTH=\'60\' HEIGHT=\'160\'></div>';"> |
注意：QQ空间挂件的位置不能通过鼠标随意移动，只能通过代码控制。top：图片与空间顶端的距离，left：图片与空间左端的距离。例如上面是“top:30;left:50;”，修改红色的数值就可以移动位置。
|
加入收藏
关闭窗口
返回顶部