背投广告设计:用最少的时间来做最效率的事情

c姐fly

c姐fly

2016-02-19 23:13

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享背投广告设计:用最少的时间来做最效率的事情教程,希望对大家能有一点小小的帮助。

       对于背投广告的原理来说并没有什么难度,无非打开的窗口失去焦点(blur),而原来页面得到焦点(focus)。但对于流行的浏览器来说,如果非用户行为的弹出窗口(即 onload 时,直接window.open ),会被浏览器默认拦截。

  背投广告,既然被称为广告,那如何才能让广告主的钱花得实在,花得乐意呢?

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  我们可以增加判断,如果该弹出窗口被浏览器拦截,则只要用户点击页面就触发 window.open 事件,这样一般不会拦截,浏览器会认为这是用户的默认行为。

  代码可编写如下:

var $E = YAHOO.util.Event;
var adPopup;
var popAd = function(sURL,sName,sFeatures,bReplace) {
    if (adPopup) return;
    if(sName == undefined) {
        sName = '_blank';
    };
    if(sFeatures == undefined) {
        sFeatures = '';
    };
    if(bReplace == undefined) {
        bReplace = false;
    };
    adPopup = window.open(sURL,sTarget,sFeatures,bReplace);
    adPopup.blur();
    adPopup.opener.focus();
    $E.removeListener(document.body, 'click', arguments.callee);
}
try {
    popAd();
} catch (e) {
    $E.on(document.body, 'click', popAd);
}

  当然如果用户浏览器安装了拦截插件,那很有可能不会弹出(比如 Firefox 的 noscript 插件,就不允许任何弹出窗)。方法不是绝对的,也不是最好的,只是用最少的时间来做最效率的事情。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  PS:可以通过模拟 form 提交的方式来弹出窗口,穿越性(相对于一般拦截弹窗的插件)很好,不过无法设置 sFeatures 参数内容。

展开更多 50%)
分享

猜你喜欢

背投广告设计:用最少的时间来做最效率的事情

Web开发
背投广告设计:用最少的时间来做最效率的事情

广告设计欣赏:手机宣传广告设计作品

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
广告设计欣赏:手机宣传广告设计作品

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

的海报广告设计

平面设计 海报设计 海报设计素材 广告设计 平面设计素材
的海报广告设计

《国外广告设计欣赏:Toyota Genuine Parts广告设计》

平面设计 海报设计 海报设计素材 广告设计 平面设计素材
《国外广告设计欣赏:Toyota Genuine Parts广告设计》

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Reggaefest广告设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
Reggaefest广告设计

广告设计欣赏

平面设计 海报设计 海报设计素材 广告设计 平面设计素材
广告设计欣赏

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

学DIV+CSS技术,如何入门?

学DIV+CSS技术,如何入门?

桌面上Excel图标不见了怎么找回

桌面上Excel图标不见了怎么找回
下拉加载更多内容 ↓