文章分类
标题
时间
评论
阅读
2007-11-05 19:56:49
随滚动条滚动而移动的层
再告诉你一个更简单的办法（只适用于图片）：
<body><img src="http://www.525asp.com/News/xxx.gif" style="position:absolute;left:20px;top:expression(parseInt(document.body.scrollTop)+20);"><img width="1" height="2000"></body>
左侧对联代码：
<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地址即可，建议使用BLOG内部的图片；
4.前两个参数需要根据图片的实际情况来设定，代码中的8px保持默认即可，无需改动；
5.为了显示正常，请将电脑显示器分辨率设置为1024×768。
步骤：
控制面板----个人首页维护----自定义空白面板----新增----钩显示源代码(出现钩号，同时文档里出现DIV的字样)----粘贴代码----钩显示源代码(钩号消失)----保存。定制我的首页----添加模块----钩选 ----选取----保存。