新浪博客首页两侧加入浮动挂件效果(精)
(1)左侧对联代码:
<DIV style="BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FILTER: progidXImageTransform.Microsoftpadding:8px; ;
LEFT: expression(eval(document.body.scrollLeft)
+eval(document.body.clientWidth)-750);
BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ;
TOP: expression(eval(document.body.scrollTop)
+eval(document.body.clientHeight)-350);
TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV>
(2)右侧对联代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP:
medium none; FILTER: progidXImageTransform.Microsoftpadding:8px; ;
LEFT: expression(eval(document.body.scrollLeft)
+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none;
BORDER-BOTTOM: medium none; POSITION: absolute; ;
TOP: expression(eval(document.body.scrollTop)+
eval(document.body.clientHeight)-350); TEXT-ALIGN: center">
<IMG src="图片网址" border=0></DIV>
代码说明:
(1)clientWidth后面负数的绝对值越大,图片越靠近左侧;
(2)clientHeight后面负数的绝对值越大,图片越靠近上部;
(3)“图片URL地址”处加入你想用到的图片的URL地址即可,建议使用BLOG内部的图片;
注意:前两个参数需要根据图片的实际情况来设定,代码中的8px保持默认即可,无需改动;
(4)为了显示正常,请将电脑显示器分辨率设置为1024×768。
搜索更多相关主题的帖子:
博客 新浪 挂件 首页 效果