加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

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

(2008-03-15 19:54:41)
标签:

学习

杂谈

分类: 装饰博客及空间题材
 (1)左侧对联代码: 
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-750); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(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_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-350); TEXT-ALIGN: center"><IMG src="图片网址" border=0></DIV> 
 
代码说明: 
(1)clientWidth后面负数的绝对值越大,图片越靠近左侧; 
(2)clientHeight后面负数的绝对值越大,图片越靠近上部; 
(3)“图片URL地址”处加入你想用到的图片的URL地址即可,建议使用BLOG内部的图片; 
注意:前两个参数需要根据图片的实际情况来设定,代码中的8px保持默认即可,无需改动; 
(4)为了显示正常,请将电脑显示器分辨率设置为1024×768。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有