提供免费源码,免费软件
分享免费技术文档
阿里去促销活动

分享两款网站、解析站、视频站常用的悬浮广告代码

分享两款网站、解析站、视频站常用的悬浮广告代码
请自行根据实际情况更改以下代码

<!--WAP底部广告悬浮代码-->

<style>
@media screen and (max-device-width:800px){ /**WAP**/
.bottom_fixed{ position:fixed; bottom:0px; width:100%; z-index:9999;}
.bottom_fixed div{ width:30px; height:30px; text-align:center; line-height:30px; background:#CCC; right:0; top:-30px; position:absolute; cursor:pointer;}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:80px; width:100%;}
}
@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:24px; height:24px; text-align:center; line-height:24px; background:#CCC; right:0; top:-24px; position:absolute; cursor:pointer}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:75px; width:950px;}
}
</style>
<div class="bottom_fixed">
<a href="图片链接地址" rel="nofollow" target="_blank"><img src="图片地址"></a><div>X</div>

</div>

<!--WAP右中间悬浮显示广告-->

<style>
@media screen and (max-device-width:800px){ /**WAP**/
.bottom_fixed{ position:fixed; bottom:260px; right:-280px; width:100%; z-index:9999;}
.bottom_fixed div{ width:30px; height:30px; text-align:center; line-height:30px; background:#CCC; right:30; top:-30px; position:absolute; cursor:pointer;}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:80px; width:20%;}
}
@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:24px; height:24px; text-align:center; line-height:24px; background:#CCC; right:0; top:-24px; position:absolute; cursor:pointer}
.bottom_fixed div:hover{ background:#F66; color:#FFF}
.bottom_fixed a img{ height:75px; width:950px;}
}
</style>
<div class="bottom_fixed">
<a href="图片链接地址" rel="nofollow" target="_blank"><img src="图片地址"></a><div>X</div>
</div>
 收藏 (0) 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:蓝米兔 » 分享两款网站、解析站、视频站常用的悬浮广告代码

分享到: 更多 (0)
腾讯云秒杀活动

评论 抢沙发

评论前必须登录!

立即登录   注册

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活