冰豆网

分享网络精彩
www.bingdou.com.cn

让手机和电脑显示不同的广告

时间:2022-10-18加入收藏

JS方法

//平台、设备和操作系统  
    var system ={  
        win : false,  
        mac : false,  
        xll : false  
    };  
    //判断系统  
    var p = navigator.platform;  
     
    /**var sUserAgent = navigator.userAgent.toLowerCase(); 
    alert(sUserAgent);*/  
      
    system.win = p.indexOf("Win") == 0;  
    system.mac = p.indexOf("Mac") == 0;  
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);  
    //跳转语句  
    if(system.win||system.mac||system.xll){ 
        //pc端广告代码
    }else{  
        //手机端广告代码
    }


用CSS来控制

<style type="text/css">
.pc_acmsd{display:block;}
.m_acmsd{ display:none}
@media(max-width:768px) {
.pc_acmsd{display:none !important;}
.m_acmsd{display:block !important;}}
</style>
<div class="pc_acmsd">此处放入显示在电脑上的广告代码</div>
<div class="m_acmsd">此处放入显示在手机上的广告代码</div>

上面CSS的意思:
display:block 这是显示的意思
display:none 这是隐藏的意思
@media(max-width:768px) 判断页面宽度小于768PX的时候显示后面{ }的样式。
 

打 赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

TGA: js 技巧

分享到:

官方微信二维码冰豆网官方微信公众号