手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >背投广告设计:用最少的时间来做最效率的事情
背投广告设计:用最少的时间来做最效率的事情
摘要:对于背投广告的原理来说并没有什么难度,无非打开的窗口失去焦点(blur),而原来页面得到焦点(focus)。但对于流行的浏览器来说,如果非用...

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

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

我们可以增加判断,如果该弹出窗口被浏览器拦截,则只要用户点击页面就触发 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 插件,就不允许任何弹出窗)。方法不是绝对的,也不是最好的,只是用最少的时间来做最效率的事情。

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

【背投广告设计:用最少的时间来做最效率的事情】相关文章:

完美解决IE兼容模式问题

CSS 标签属性

CSS中的!important属性用法

Discuzx系统 CSS 编码规范、CSS属性书写顺序

CSS中margin和padding的两者对比与用法

一款纯css实现的垂直时间线效果

提高编写CSS代码效率的10个习惯

CSS设计符合Web标准的网页表单的几个技巧

CSS怎么将背景图左移/上移/右移10px

css怎样使div层水平

精品推荐
分类导航