对联广告 的css

对联广告 的css页面:${picAdd_l1}”width=”100″height=”100″border=”0″/ ${picAdd_l2}”width=”100″height=”100″border=”0″/关闭广告 ${picAdd_r1}”width=”100″height=”100″border=”0″/ ${picAdd_r2}”width

大家好,欢迎来到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';
}

效果:

对联广告 的css

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/14320.html

(0)
上一篇 2024-02-27 14:45
下一篇 2024-03-01 14:26

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信