繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 背投广告设计：用最少的时间来做最效率的事情
- CSS样式表
- css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法
- CSS解决链接锚点定位偏移的代码
- 一个css transform效果 很有图片的感觉
- ie6,ie7,firefox的textarea滚动条、边框
- 12种CSS BUG解决方法与技巧
- CSS 常用设置备忘
- table中td内容换行问题
- 外部引用CSS中 link与@import的区别
- CSS background-position 属性 定位图片
- css 解决英文字符与阿位伯数字自动换行
- div ,frame等空间的透明实现代码
- CSS中几种浏览器对不同版本的支持与区分写法
- 多个浏览器对容器宽度实际像素的解释
- CSS 用ul li做圆角表格
- CSS 之dl dt dd模拟表格实例代码
- 创建超链接及css 样式设置
- 页面位置 top、postop、scrolltop、offsetTop、scrollHeight、offsetHeight、clientHe
- css float 解析学习
- 学习DIV+CSS难不难 需要掌握哪些知识
- IE8 CSS hack
CSS样式表 中的 背投广告设计：用最少的时间来做最效率的事情
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 188 ::
收藏到网摘: n/a
对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（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 参数内容。
评论 (0) All
