css 左右悬浮图片代码实例

发布时间:2020-01-12编辑:脚本学堂
css 左右悬浮图片代码的例子,用css样式直接实现左右悬浮广告代码,相对js实现的左右悬浮代码更简单,需要的朋友参考下。

1、左侧代码:
 

复制代码 代码示例:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-970); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>

2、右侧代码:
 

复制代码 代码示例:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片地址" border=0></DIV>

参数说明:
1、clientWidth后面负数的绝对值越大,图片越靠近左侧。
2、clientHeight后面负数的绝对值越大,图片越靠近上部。
3、“图片地址”处加入自己的图片网址。