大家好,欢迎来到IT知识分享网。
页面:
<div class="l1" id="l1" ><a href="${linkWeb_l1 }" target='_blank'><img src="<%=basePath%>${picAdd_l1 }" width="100" height="100" border="0" /></a></div>
<div class="l2" id="l2" ><a href="${linkWeb_l2 }" target='_blank'><img src="<%=basePath%>${picAdd_l2 }" width="100" height="100" border="0" /></a><a href="javascript:void(0);" οnclick="guanbiduilianguanggao();" >关闭广告</a></div>
<div class="r1" id="r1" ><a href="${linkWeb_r1 }" target='_blank'><img src="<%=basePath%>${picAdd_r1 }" width="100" height="100" border="0" /></a></div>
<div class="r2" id="r2" ><a href="${linkWeb_r2 }" target='_blank'><img src="<%=basePath%>${picAdd_r2 }" width="100" height="100" border="0" /></a><a href="javascript:void(0);" οnclick="guanbiduilianguanggao();" >关闭广告</a></div>
css:
.r1{width:100px;height:100px;background:red;float:right;
position:fixed !important; top/**/:200px;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;}
.r2{width:100px;height:100px;background:red;float:right;
position:fixed !important; top/**/:320px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);right:20px;}
.l1{width:100px;height:100px;background:red;float:right;
position:fixed !important; top/**/:200px;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;}
.l2{width:100px;height:100px;background:red;float:right;
position:fixed !important; top/**/:320px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}
js:
function guanbiduilianguanggao(){
document.getElementById('l1').style.display = 'none';
document.getElementById('l2').style.display = 'none';
document.getElementById('r1').style.display = 'none';
document.getElementById('r2').style.display = 'none';
}
效果:
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/14320.html