t99联盟
最新资源站
最大资源网
todyas广告联盟
聚合资源
设计流

js如何实现广告在电脑pc端和手机移动端显示不同广告图片,可以以实现显示不同广告。
同理可以实现,电脑PC端显示图片,手机端不显示广告图片。
也可以实现,电脑PC端不显示图片,手机端显示广告图片。

 

实现电脑PC端跟手机WAP端显示不同广告图片的代码。

var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {
trident: u.indexOf('Trident') > -1,
presto: u.indexOf('Presto') > -1,
webKit: u.indexOf('AppleWebKit') > -1,
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/),
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
android: u.toLowerCase().indexOf('android') > -1 ,
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
iPad: u.indexOf('iPad') > -1,
webApp: u.indexOf('Safari') == -1
};
}()
}
if (!(browser.versions.android || browser.versions.ios || browser.versions.iPhone || browser.versions.iPad)){

document.writeln("<a href=\'http://www.sj6.top图片链接\'><img style=\'width:100%;height:100px;\' alt=\'\' src=\'电脑展示图片地址\'></a>");
}else{

document.writeln("<a href=\'http://www.sj6.top图片链接\'><img style=\'width:100%;height:100px;\' alt=\'\' src=\'手机展示图片地址\'></a>");
}

实现电脑PC端显示广告图片,手机WAP端不显示广告图片的代码。

var browser={    
    versions:function(){            
        var u = navigator.userAgent, app = navigator.appVersion;            
        return {                
          trident: u.indexOf('Trident') > -1,               
          presto: u.indexOf('Presto') > -1,                
          webKit: u.indexOf('AppleWebKit') > -1,              
          gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,               
          mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/),          
          ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),                 
          android: u.toLowerCase().indexOf('android') > -1 ,   
          iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,               
          iPad: u.indexOf('iPad') > -1,               
          webApp: u.indexOf('Safari') == -1           
        };
        }()
}
if (!(browser.versions.android || browser.versions.ios || browser.versions.iPhone || browser.versions.iPad)){
 
document.writeln("<a href=\'http://www.sj6.top图片链接\'><img style=\'width:100%;height:100px;\' alt=\'\' src=\'电脑展示图片地址\'></a>");
}

 

实现电脑PC端不显示广告图片,手机WAP端显示广告图片的代码。

var browser={    
    versions:function(){            
        var u = navigator.userAgent, app = navigator.appVersion;            
        return {                
          trident: u.indexOf('Trident') > -1,               
          presto: u.indexOf('Presto') > -1,                
          webKit: u.indexOf('AppleWebKit') > -1,              
          gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,               
          mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/),          
          ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),                 
          android: u.toLowerCase().indexOf('android') > -1 ,   
          iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,               
          iPad: u.indexOf('iPad') > -1,               
          webApp: u.indexOf('Safari') == -1           
        };
        }()
}
if (browser.versions.android || browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){
 
document.writeln("<a href=\'http://www.sj6.top图片链接\'><img style=\'width:100%;height:100px;\' alt=\'\' src=\'手机展示图片地址\'></a>");
}

 

设计流资源网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权 本站资源来自各大VIP网站及一些特殊渠道,如果在其他资源站看到有想要的资源,可以咨询站长能否转载。
设计流 » js如何实现广告在电脑pc端和手机移动端显示不同广告图片,可以以实现显示不同广告。

发表评论