【转载】玩转博客之图片随屏幕移动而始终悬浮
代码如下
左侧代码:
<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="图片URL地址" 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="图片URL地址" border=0></DIV>
参数说明:
1、clientWidth后面负数的绝对值越大,图片越靠近左侧
2、clientHeight后面负数的绝对值越大,图片越靠近上部
3、“图片URL地址”处加入你想用到的图片的URL地址即可。
注意:前两个参数需要根据图片的实际情况来设定,代码中的那个8px好像是坐标参数,保持默认即可,无需改动。
原帖:http://blog.sina.com.cn/s/blog_45b5c4dd010001wy.html
搜索更多相关主题的帖子:
博客 屏幕 悬浮