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

王朝other·作者佚名  2006-12-16
宽屏版  字体: |||超大  

(1)左侧对联代码:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.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: progid:DXImageTransform.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。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有