Google
      
发新话题
打印

新浪博客首页两侧加入浮动挂件效果(精)

新浪博客首页两侧加入浮动挂件效果(精)

(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。
想想,说说,做做,再想想

TOP

发新话题