新浪博客中左右两侧挂件的代码详解

静止的挂件代码：

<DIV id=moaz style="LEFT: 0px; POSITION: absolute; TOP: 120px"><A href= target=_blank><IMG src="左侧图片地址" border=0></IMG></A></DIV>

<DIV id=moaz style="RIGHT: 0px; POSITION: absolute; TOP: 120px"><A href= target=_blank><IMG src="右侧图片地址" border=0></IMG></A></DIV>

<DIV></DIV>

代码注释：

LEFT: 0px; 左右位置数值。

TOP: 120px 上下位置数值。

注：可能图片大小不一样，所以添加后请在代码中改变左右数值，来固定图片位置。

随着滚动条移动的挂件代码：

<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-160); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-470); TEXT-ALIGN: center"><IMG alt="博友网 www.bo-u.cn" src="左侧图片地址" border=0></IMG></DIV>

<DIV id=moaz style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1050); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-470); TEXT-ALIGN: center"><IMG alt="博友网 www.bo-u.cn" src="右侧图片地址" border=0></IMG></DIV> <!-- 校内网代码 http://www.02182.com -->

<DIV></DIV>

代码注释：

(document.body.clientWidth)-160); 左侧挂件左右位置数值。

(document.body.clientHeight)-470);左侧挂件上下位置数值。

(document.body.clientWidth)-1050);右侧挂件左右位置数值。

(document.body.clientHeight)-470);右侧挂件上下位置数值。

注：可能图片大小不一样，所以添加后请在代码中改变左右数值，来固定图片位置。

添加方法：

1、登陆新浪博客－管理博客－自定义设置－首页内容维护－自定义空白面板－进入编辑－最好选择以前你建立的面板－编辑－勾选显示源代码－粘贴已经替换好图片的代码－再次勾选显示源代码－保存。可能有的没有效果，很大可能是和你建立面板里的代码相冲突。建议你不妨返回首页看效果！ 保证你喜欢的不得了，哈哈！

2、返回首页看效果如何，如果没有效果可能是代码之间相冲突，建议不要添加太多的特效代码，哈哈！  

别忘了把红色部分替换成你的挂件地址

复制本页地址发给您的好友: