自适应网站横幅广告代码

哒哒

2024-06-09 / 3 评论 / 76 阅读 / 正在检测是否收录...

06/09

前言

演示截图

安装说明

{collapse-item label="插入网站页面的调用广告代码" open}

<!--判断当前设备是电脑还是手机-->
<style>.dnwu {display: none;}@media(max-width:520px) {.dnwu {display: block;}.sjwu {display: none;}}</style>

<!--文字广告开始-->
<div class="wenzi sjwu"><!--文字广告电脑端，手机端不显示-->
    <iframe src="../ggcj/wenzigg.php" frameborder=no width=100%  height=75 scrolling=no></iframe>
</div>
<div class="wenzi dnwu"><!--文字广告手机端，电脑端不显示-->
    <iframe src="../ggcj/wenzigg.php" frameborder=no width=100%  height=144 scrolling=no></iframe>
</div>
<!--文字广告结束-->

<!--左右广告开始-->
<div class="zuoyou sjwu"><!--左右广告电脑端，手机端不显示-->
    <iframe src="../ggcj/zuoyougg.php" frameborder=no width=100%  height=80 scrolling=no></iframe>
</div>
<div class="zuoyou dnwu"><!--左右广告手机端，电脑端不显示-->
    <iframe src="../ggcj/zuoyougg.php" frameborder=no width=100%  height=50 scrolling=no></iframe>
</div>
<!--左右广告结束-->

<!--小左右广告开始-->
<div class="zho sjwu"><!--小左右广告电脑端，手机端不显示-->
    <iframe src="../ggcj/zhogg.php" frameborder=no width=100%  height=145 scrolling=no></iframe>
</div>
<div class="zho dnwu"><!--小左右广告手机端，电脑端不显示-->
    <iframe src="../ggcj/zhogg.php" frameborder=no width=100%  height=100 scrolling=no></iframe>
</div>
<!--小左右广告结束-->

<!--横幅广告开始-->
<div class="hengfu sjwu"><!--横幅电脑端，手机不显示-->
    <iframe src="../ggcj/hengfugg.php" frameborder=no width=100%  height=260 scrolling=no></iframe>
</div>
<div class="hengfu dnwu"><!--横幅手机端，电脑端不显示-->
    <iframe src="../ggcj/hengfugg.php" frameborder=no width=100%  height=137 scrolling=no></iframe>
</div>
<!--横幅广告结束-->