不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
2018-10-12 13:53
816 查看
纯DIV/CSS对联漂浮广告代码(无JS)
源码网两侧漂浮。经测试,兼容IE6,IE7,Firefox浏览器。
CSS代码为:
页面代码为:
源码网两侧漂浮。经测试,兼容IE6,IE7,Firefox浏览器。
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="//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="//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="//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="//www.jb51.net" target='_about'><img src="/js/pic/piao-l-1.gif" width="80" height="80" border="0" /></a></div>
您可能感兴趣的文章:
相关文章推荐
- 不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
- js右下角与漂浮广告代码(兼容多浏览器)
- js右下角与漂浮广告代码(兼容多浏览器)
- js对联广告效果全面兼容所有浏览器
- chrome不兼容position:fixed 对联广告JS 不用JS做对联广告效果 CSS实现对联广告效果
- 网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全
- 兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
- chrome不兼容position:fixed 对联广告JS 不用JS做对联广告效果 CSS实现对联广告效果
- [转]javascript对联广告、漂浮广告封装类,多浏览器兼容
- 不用js多浏览器兼容纯DIV/CSS对联漂浮广告
- 兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
- 右下角弹出广告 js,漂浮效果(兼容多浏览器)
- 右下角弹出广告 js,漂浮效果(兼容多浏览器)
- 网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全
- 代码短小的js div层拖动实现代码[兼容IE与Firefox]
- 兼容IE\Firefox,支持W3C XHTML标准---------漂浮广告代码
- 文本框中,回车键触发事件的js代码[多浏览器兼容]
- 兼容IE8和主流浏览器的图片预览的js代码
- js可选择时分秒的日历时间控件代码下载,多浏览器IE8,9,10、谷歌chrome,火狐firefox等都是兼容的