不用js多浏览器兼容纯DIV/CSS对联漂浮广告

 

.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;}  

 

< div  class ="r1" >< a  href ="http://www.jb51.net"  target ='_about' >< img  src ="/js/pic/piao-l-1.gif"  width ="80"  height ="80"  border ="0"   /></ a ></ div >     
< div  class ="r2" >< a  href ="http://www.jb51.net"  target ='_about' >< img  src ="/js/pic/piao-l-1.gif"  width ="80"  height ="80"  border ="0"   /></ a ></ div >     
< div  class ="l1" >< a  href ="http://www.jb51.net"  target ='_about' >< img  src ="/js/pic/piao-l-1.gif"  width ="80"  height ="80"  border ="0"   /></ a ></ div >     
< div  class ="l2" >< a  href ="http://www.jb51.net"  target ='_about' >< img  src ="/js/pic/piao-l-1.gif"  width ="80"  height ="80"  border ="0"   /></ a ></ div >    

 

本文来自: 脚本之家( www.jb51.net) 详细出处参考： http://www.jb51.net/article/13235.htm