带关闭按钮的wap手机网站底部飘浮广告代码

2020-03-2216:15:39 发表评论 910

带关闭按钮的wap网站底部飘浮广告代码  适合很多站长用 自己放在foot.html里就可以

把图片换成自己的

 

<style>
@media screen and (max-device-width:800px){ /**手机**/
.bottom_fixed{ position:fixed; bottom:0px; width:100%; z-index:9999;right:0;left:0}
.bottom_fixed div{ width:60px; height:20px;background-color:transparent; text-align:center; line-height:20px; right:0; top:-20px; position:absolute; cursor:pointer;}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a{text-decoration:none; color:black}
.bottom_fixed a img{ height:95px; width:100%;}
.bottom_new a img{ height:20px; width:20px;}
}
@media screen and (min-width:800px){ /**PC**/
.bottom_fixed{ display:none; position:fixed; bottom:0px; left:50%; margin-left:-475px; z-index:9999;}
.bottom_fixed div{ width::50px; height:24px; text-align:center; line-height:24px;background-color:transparent; right:0; top:-24px; position:absolute; cursor:pointer}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a{text-decoration:none; color:black}
.bottom_fixed a img{ height:75px; width:950px;}
}
</style>

<div class="bottom_fixed" id="bottom11">
<a href="http://www.aik4.com" rel="nofollow" target="_blank"><img id="sjdfjkjimg" src="广告图片地址"></a>
<div class="bottom_new">
<a href="#" onclick="bottom11.style.display='none'">
<img src="关闭按钮图片地址" border="0"></a>
</div>

</div>

 

代码不用动。替换里面的图片地址 和 广告图片打开的链接地址就可以了。

网上有很多的代码都不实用。这个是小编我亲自测试。并在自己站上使用的代码。

代码稍微优化了一下。不会被一些手机带的屏蔽广告所屏蔽掉。

头像

发表评论

您必须登录才能发表评论!