网页固定位置挂件的源代码

来源:百度文库 编辑:神马文学网 时间:2024/05/24 04:41:11

 

固定位置挂件的源代码

1*固定位置挂件的源代码:

说明:以上为右挂件代码,更换RIGHT(右)为LEFT(左),则为左挂件代码
2*(挂件)随滚动条上下移动的源代码:
(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">


代码说明:
(document.body.clientWidth)-1020);表示图片的左右位置,负数值越大距离左侧越远

(document.body.clientHeight)-600);表示图片的上下位置,负数值越大距离下方越远
左侧对联代码:

expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-750); BORDER-LEFT: medium none; BORDER-BOTTOM:

medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-350); TEXT

-ALIGN: center">


右侧对联代码:
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)-350); TEXT

-ALIGN: center">

代码说明:

1、clientWidth后面负数的绝对值越大,图片越靠近左侧;

2、clientHeight后面负数的绝对值越大,图片越靠近上部;

3、“图片URL地址”处加入你想用到的图片的URL地址即可,建议使用BLOG内部的图片;

注意:前两个参数需要根据图片的实际情况来设定,代码中的8px保持默认即可,无需改动;

4、为了显示正常,请将电脑显示器分辨率设置为1024×768。   收藏于:2010年