大幅广告显示隐藏效果
【新浪新闻页面效果】
news.sina.com.cn 首页打开产生一张大幅广告效果页面 2000毫秒后消失效果
首先制作 AD.JS 文件
var ads_is_major = parseInt(navigator.appVersion);
var ads_is_ie = ((ads_agt.indexOf("msie") != -1) && (ads_agt.indexOf("opera") == -1) && (ads_agt.indexOf("omniweb") == -1));
var ads_is_ie3 = (ads_is_ie && (ads_is_major < 4));
var ads_is_ie4 = (ads_is_ie && (ads_is_major == 4) && (ads_agt.indexOf("msie 5")==-1) && (ads_agt.indexOf("msie 6")==-1));
var ads_is_ie4up = (ads_is_ie && (ads_is_major >= 4));
var ads_is_ie5 = (ads_is_ie && (ads_is_major == 4) && (ads_agt.indexOf("msie 5.0")!=-1) );
var ads_is_ie5up = (ads_is_ie && !ads_is_ie3 && !ads_is_ie4);
var ads_is_ie5_1_macbeta = (ads_is_ie && (ads_agt.indexOf("mac")!=-1) && (ads_agt.indexOf("5.1b")!=-1));
var ads_is_nav = ((ads_agt.indexOf('mozilla')!=-1) && (ads_agt.indexOf('spoofer')==-1)
&& (ads_agt.indexOf('compatible') == -1) && (ads_agt.indexOf('opera')==-1)
&& (ads_agt.indexOf('webtv')==-1));
var ads_is_nav6 = (ads_is_nav && (ads_agt.indexOf("netscape6")!=-1) && (ads_agt.indexOf("6.1")==-1));
var ads_is_nav6up = (ads_is_nav && !ads_is_nav4 && !ads_is_nav3 && !ads_is_nav2);
var ads_is_nav6_1 = (ads_is_nav && (ads_agt.indexOf("netscape6")!=-1) && (ads_agt.indexOf("6.1")!=-1));
var ads_is_nav6_1up = (ads_is_nav && !ads_is_nav6 && !ads_is_nav4 && !ads_is_nav3 && !ads_is_nav2);
getsGlu = ((ads_is_ie5up && !ads_is_ie5_1_macbeta) || ads_is_nav6_1up);
//function changediv(depth)
//{
// divAll.style.zIndex=depth
// }
function changediv()
{
document.getElementById('hiddenLayer').style.display = "block";
document.getElementById('interstitialFrame').src = adInterPath;
setTimeout("hidediv()",5000) //5000为毫秒 是页面停留的时间间隔 你可以设定适当的数字
}
function hidediv()
{
document.getElementById('hiddenLayer').style.display="none";
SYtag=2;
}
function showfull()
{
setTimeout("changediv()",2000);
}
showfull()
然后在你想添加这样效果的页面适当的地方增加如下代码
<!--
SYfullscreen=true
var adInterPath="http://www.ABC.com/index.asp" //这里显示的是你的广告页面 最好是单独的FLASH或者图片 你可以设定连接连接到别的页面上
if (document.all) {
// this is a 4.x browser, no?
document.write('<SCRI' + 'PT LANGUAGE="javascript1.2"');
document.writeln(' SRC="http://www.ABC.com/ad.js"></SCR' + 'IPT>');
}
// -->
</script>
<DIV ID="hiddenLayer" style="display: none; height: 450px;">
<script language="Javascript">
<!--
if (getsGlu) {
expandableIframe = '<IFRAME id="interstitialframe" width=750 HEIGHT=450 NORESIZE SCROLLING=No FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0></IFRAME>';
document.write(expandableIframe); //宽度和高度不需要解释了吧
}
// -->
</script>
大幅广告显示隐藏效果相关推荐
- vue点击input框出现弹窗_vue组件实现弹出框点击显示隐藏效果
本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码,供大家参考,具体内容如下 效果如下图 由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v ...
- css加号图标_DIV,CSS如何实现“加减号”“显示隐藏”效果
展开全部 (1)1.js方法,这是一般网站常用的方法. 优点:兼容性好,易管理. 实现方式:按钮32313133353236313431303231363533e58685e5aeb931333337 ...
- vue实现 toggle显示隐藏效果
背景介绍 jQuery中有个toggle()方法,可以切换元素的显示状态,在用vue时如果不引入jQuery如何实现这种效果? 使用场景 常见有三种场景: 1.控制页面中一个dom元素 2.控制页面中 ...
- jQuery实现网易相册鼠标移动显示隐藏效果
其实主要是jquery 层选择器的应用,jquery 高手可以跳过... 网易相册效果图如下:当鼠标移动经过照片就显示"设为封面|删除",移开后就隐藏,此效果在web开发中经常会用 ...
- 左侧导航菜单 子菜单的显示隐藏效果
直接上代码,逻辑都在注释里 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <ht ...
- jQuery 效果——显示隐藏/滑动/淡入淡出/自定义动画||事件切换——简洁版滑动下拉菜单
jQuery 效果 显示隐藏效果 <!DOCTYPE html> <html lang="en"><head><meta charset= ...
- WinForm实现类似QQ停靠,显示隐藏过程添加特效效果
这可能是个老题长谈的问题了,只是在项目中会用到这个效果,所以今天做个记录.大家见了别喷我.在项目中的需求是这样的. 打开程序,在屏幕的右下角会显示一个窗体,一般情况下该窗体会隐藏停靠在右边,只露出很小 ...
- 【JavaWeb】JQuery实现广告显示和隐藏动画效果
我们经常会看到几秒后出现了广告,显示了几秒后广告就消失了,下面就用JQuery框架来实现这个功能. 代码如下: <!DOCTYPE html> <html> <head& ...
- 【jQuery笔记Part2】01-jQuery显示隐藏切换动画侧边广告案例
jQuery动画 jQuery动画 动画分类 HTML DOM position 属性 显示 show(毫秒, 完成回调函数) 隐藏 hide(毫秒, 完成回调函数) 切换 toggle(毫秒, 完成 ...
最新文章
- 绿米开关如何重置_小米米家墙壁开关实物到手实际体验
- set_origin_pose算子说明
- python round函数_Python round() 函数
- git第一次提交代码至远程仓库-强制推送
- 【卷积核设计】Scaling Up Your Kernels to 31x31: Revisiting Large Kernel Design in CNNs
- WEB API 系列(二) Filter的使用以及执行顺序
- Pool construction UVA - 1515 最小割模型
- bi数据分析师_BI工程师和数据分析师的5个格式塔原则
- 深入理解计算机的字长
- c++实验七-—项目2
- Linux zip加密压缩
- JavaScript 常用单词整理
- 数据结构初步(十二)- 插入排序与希尔排序超详细图解分析
- 顶级黑客泄密事件啼笑皆非
- VS2010出现重复的代码项原因及解决方式
- 什么是运维?运维工程师主要是做什么?
- 乔恩·斯凯特(Jon Skeet)-编程的查克·诺里斯(Chuck Norris)
- jsp页面在tomcat部署后访问为源代码页面
- python循环爬取页面_使用for或while循环来处理处理不确定页数的网页数据爬取
- 新版标准日本语中级_第十课
热门文章
- ubuntu 下pip3 与pipenv 安装使用错误
- SDUT 2603:Rescue The Princess
- ORACLE使用数据泵导入导出部分表
- Allocate aligned memory
- python面试题之多线程好吗?列举一些让Python代码以并行方式运行的方法
- SpringBoot和SpringCloud面试题
- Machine Learning Mastery 博客文章翻译:XGBoost
- 数据科学和人工智能技术笔记 十、模型选择
- django 1.8 官方文档翻译: 3-5-1 使用Django输出CSV
- django 1.8 官方文档翻译: 2-5-4 聚合 (初稿)