其实简单是一种美丽
添加博客空间挂件
上一篇 /
下一篇 2007-04-22 10:21:54
/ 个人分类:网络技巧
1*固定位置挂件的源代码:
<DIV id=youxia style="RIGHT: 10px; POSITION: absolute; TOP: 100px"><IMG src="图片地址" border=0></A></DIV>
说明:以上为右挂件代码,更换RIGHT(右)为LEFT(左),则为左挂件代码
2*(挂件)随滚动条上下移动的源代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-1020); FILTER: progid:DXImageTransform.Microsoftpadding:8px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-600); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>
代码说明:
(document.body.clientWidth)-1020);表示图片的左右位置,负数值越大距离左侧越远
(document.body.clientHeight)-600);表示图片的上下位置,负数值越大距离下方越远
3*挂件随屏幕移动而始终悬浮
代码如下
左侧代码:
<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)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片地址" border=0></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)-500); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>
参数说明:
1、clientWidth后面负数的绝对值越大,图片越靠近左侧
2、clientHeight后面负数的绝对值越大,图片越靠近上部
3、“图片URL地址”处加入你想用到的图片的URL地址即可。
注意:前两个参数需要根据图片的实际情况来设定,代码中的那个8px好像是坐标参数,保持默认即可,无需改动。
推荐素材
导入论坛
收藏
分享给好友
管理
举报
TAG: