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

浮动挂件代码

(2006-04-07 14:03:45)
分类: 时尚潮流类爱美心皆有之
 
 
左侧代码:
<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)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>
 
右侧代码:
<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)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>
 
参数说明
1、clientWidth后面负数的绝对值越大,图片越靠近左侧
2、clientHeight后面负数的绝对值越大,图片越靠近上部
3、“图片URL地址”处加入你想用到的图片的URL地址即可,建议使用BLOG内部的图片。
注意:前两个参数需要根据图片的实际情况来设定,代码中的那个8px好像是坐标参数,保持默认即可,无需改动。
4。建议不要使用左边的代码以免影响模板的使用。

二、挂件的代码:(摘自大话游虾)
<DIV id=youxia style="RIGHT: 10px; POSITION: absolute; TOP: 100px"><IMG src="的图片地址" border=0></A></DIV>

这个代码要注意的就是right:10px部分,意思是挂件距离右边页面10个象素,这样的话挂件就在你页面的右边,所以你当然也可以设置成left:10px,挂件就会显示在左边了,不过如果你想在同一个自定义面板里插入多种挂件,那就要注意最好统一设置成left或者right,然后利用后面的数值来调节挂件的位置,除此之外,top:100px表示挂件距离页面顶部的位置,也可以根据实际情况来调节。

 

 

0

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

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

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

新浪公司 版权所有