网站两侧悬浮广告代码-飘窗对联广告代码

整理电脑库存文件发现的一段html代码，可以给自己网站两侧添加悬浮对联广告，分享给大家。

使用方法

可以将下面代码直接放到一个html文件中，然后直接调用即可

如果使用的广告图片大小显示不协调，可以跳转CSS/HTML代码中的height、width等参数

广告图片的位置也可以调整。

测试效果

广告图显示在网站两侧，上下滑动页面后，广告图也会跟随滑动显示。

完整代码

HTML代码

CSS代码

JS代码

<div class="fixediv leftadv">
    <a href="https://www.73bk.com/" rel="nofollow" target="_blank"><img class="slide-pc" src="" width="" height="186"  /></a>
    <a href="https://www.73bk.com/" rel="nofollow" target="_blank"><img class="slide-wap" style="display:none" src="" width="140" height="186"  /></a>
    <a class="close" href="javascript:void(0);">关闭广告</a>
</div>

<div class="fixediv rightadv" style="display: block;">
    <a href="https://www.73bk.com/" rel="nofollow" target="_blank"><img class="slide-pc" src="" width="" height="186"  /></a>
    <a href="https://www.73bk.com/" rel="nofollow" target="_blank"><img class="slide-wap" style="display:none" src="" width="" height="186"  /></a>
    <a class="close" href="javascript:void(0);">关闭广告</a>
</div>

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
.fixediv{position:fixed;top:140px;z-index:9999;width:200px;height:216px;background:#ddd;}
@media (max-width: 767px) {
    .fixediv{width:140px;}
}
.fixediv img{float:left;}
.fixediv a.close{
    display:block;
    /*height:30px;*/
    line-height:30px;
    background:#fff;
    font-size:14px;
    padding:0 10px;
    color:#5e5e5e;
    text-decoration:none;
    text-align:center;}
.leftadv{left:0px;}
.rightadv{right:0px;}
</style>

此处内容已隐藏，请评论后刷新页面查看.

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负！

本站声明本网站名称： 长江博客
本站永久网址： www.73bk.com
本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ3645181916进行删除处理。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END

代码插件
# 悬浮广告 # 对联广告

网站两侧悬浮广告代码-飘窗对联广告代码

使用方法

测试效果

完整代码

请登录后发表评论