![]() |
一、一直以来,自己的博客都想尽量体现着典雅,干净的宗旨,所以至始至终都没有添加博客挂件,因为加了觉得碍眼。现在把博客挂件代码贴出来与大家分享一下,代码如下:
·左边挂件:
<DIV style="LEFT: 5px; POSITION: absolute; TOP: 200px" align=left><IMG src="挂件地址" align=left><DIV>
·右边挂件:
<DIV style="LEFT: 900px; POSITION: absolute; TOP: 200px" align=right><IMG src="挂件地址" align=right></DIV>
其中LEFT: 为从左向右移的位置,即博客挂件距离屏幕左边缘的距离;TOP: 为从上向下移的位置,即博客挂件距离屏幕上边缘的距离!左右两边挂件都是以屏幕左边缘为基准的,其距离的具体数值可根据实际情况而定!
二、图片或者挂件随屏幕移动而始终悬浮的代码如下:
·左边代码:
<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)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center"><A href="对图片或者挂件进行链接的网址" target=_blank><IMG src="图片或者挂件的URL地址" border=0></A></DIV>
·右边代码:
<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)-200); TEXT-ALIGN: center"><A href="对图片或者挂件进行链接的网址" target=_blank><IMG src="图片或者挂件的URL地址" border=0></A></DIV>
参数说明:
1、clientWidth后面负数的绝对值越大,图片越靠近左侧。
2、clientHeight后面负数的绝对值越大,图片越靠近上部。
3、“图片URL地址”处加入你想用到的图片或者挂件的URL地址即可。
4、如果不需要对图片或者挂件进行链接,只要把代码中的“<A href="对图片或者挂件进行链接的网址" target=_blank>”去掉就可以了;其用处就是比如链接的地址是你的博客地址,那么一点那图片或者挂件就会进入你的博客!
注意:前两个参数需要根据图片的实际情况来设定,代码中的那个8px好像是坐标参数,保持默认即可,无需改动