Pure DIV/CSS couplet floating advertising code (no JS)
Floating on both sides of the source code network. After testing, it is compatible with IE6, IE7, and Firefox browsers.
The CSS code is:
. r1{width:80px;height:80px;background:red;float:right;
position:fixed !important; top/**/:200px;
position:absolute; z-index:300; top: expression(offsetParent.scrollTop 200);right:20px;}
.r2{width:80px;height:80px;background:red;float:right;
position:fixed !important; top/**/: 300px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop 300);right:20px;}
.l1{width:80px;height:80px;background:red;float: right;
position:fixed !important; top/**/:200px;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop 200);left:20px;}
.l2{width:80px;height:80px;background:red;float:right;
position:fixed !important; top/**/:300px;
position:absolute; z-index:400; top :expression(offsetParent.scrollTop 300);left:20px;}
The page code is: