搜狐博客挂件代码 sf090

来源:└博友窝  编辑:博客代码网  发布时间:2007-03-21  点击:  [收藏]

一、一直以来,自己的博客都想尽量体现着典雅,干净的宗旨,所以至始至终都没有添加挂件,因为加了觉得碍眼。现在把挂件代码贴出来与大家分享一下,代码如下:

·左边挂件:
<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好像是坐标参数,保持默认即可,无需改动。

以下是一些挂件地址:

http://lbxx.blogchina.com/4128512.html

http://bbs.uying.com/72/57969/

http://www.2008red.com/member_pic_47/files/yijing/html/article_7796_1.shtml

http://blog.sina.com.cn/pic/40748d36020000mf

http://blog.sina.com.cn/pic/55a641f5020000sb

http://blog.sina.com.cn/pic/55a641f5020000sc

http://blog.sina.com.cn/pic/55a641f5020000sd

http://blog.sina.com.cn/pic/55a641f5020000si

http://blog.sina.com.cn/pic/55a641f5020000sh

http://photo.play119.com/Pic/200510134151215213.gif

http://image.blog.myrice.com/hbh60/imgs/0/7/07e26b39.gif

http://image.blog.myrice.com/hbh60/imgs/0/7/07e26b39.gif

http://album.sina.com.cn/pic/4782625a020000vj

http://album.sina.com.cn/pic/4782625a020000w6

http://album.sina.com.cn/pic/4782625a020000un

http://album.sina.com.cn/pic/4782625a020000um

http://album.sina.com.cn/pic/4782625a020000vi

http://hehe529.bokee.com/inc/20041222105905-0.gif


文章地址:
上一篇:没有了    下一篇:[博客技巧]幻灯片代码。 X-Qeong