|
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:图片与空间左端的距离 字串6
下面将举例说明如何获得图片地址以及图片的宽度和高度: ①打开“装扮空间” → ②打开“小装饰” → ③选择挂件 → ④在挂件图片上点右键 字串4
字串2
在弹出的“属性”窗口就可以看到图片文件的路径, 字串2
复制下来就是:http://imgcache.qq.com/qzone/item/pre/1/2097.gif 字串9
但是这个不是挂件图案的地址,要把pre—改为orig: 字串9
例如:http://imgcache.qq.com/qzone/item/pre/1/2097.gif (商场装扮空间里的挂件展示的地址) 改为:http://imgcache.qq.com/qzone/item/orig/1/2097.gif(实际的挂件图片地址) 字串8
打开 http://imgcache.qq.com/qzone/item/orig/1/2097.gif 查看该图片的属性,可以看到尺寸是55 X 180 ,就是 宽度X高度 。 字串4
注意:由于腾讯QQ空间方面做了限制,通过以上方法得到的挂件图片地址如果直接用到代码里面是无法显示的。 字串5
可以下载到电脑后上传到QQ相册上 字串4
QQ空间banner 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:图片与空间左端的距离 字串4
其实这个代码和QQ空间挂件代码是一样的。下面将举例说明如何获得图片地址以及图片的宽度和高度: 字串5
①打开“装扮空间” → ②打开“小装饰” → ③选择Banner → ④在Banner图片上点右键。在弹出的“属性”窗口就可以看到图片文件的路径。以上过程可以参考QQ空间挂件代码的图片。 复制图片文件的路径下来,例如:http://imgcache.qq.com/qzone/item/pre/11/3531.gif 字串5
但是这个不是Banner图案的地址,要把 pre 改为 orig : 例如:http://imgcache.qq.com/qzone/item/pre/11/3531.gif (商场装扮空间里的Banner展示的地址) 改为:http://imgcache.qq.com/qzone/item/orig/11/3531.gif (实际的Banner图片地址) 字串8
打开 http://imgcache.qq.com/qzone/item/orig/11/3531.gif 查看该图片的属性,可以看到尺寸是190 X 75 ,就是 宽度X高度 。 字串6
<img src="javascript:document.getElementById('Mlogo').innerHTML+='<div style=\'position:absolute;top:30;left:50;\'><img src=\'http://qqjia.com/learn/q-zone/ba88/0.gif\' WIDTH=\'190\' HEIGHT=\'75\'></div>';"> 字串5
注意:Banner的位置不能通过鼠标随意移动,只能通过代码控制。top:图片与空间顶端的距离,left:图片与空间左端的距离,例如上面是“top:30;left:50;”,这个是放在左上角的数值,修改红色的数值就可以移动位置。常用的四个角的值为: 左上角 top:30;left:50; 左下角 top:550;left:50; 右上角 top:10;left:700; 右下角 top:550;left:700; 以上数值供参考,可根据图片大小及位置调整。 字串1 |