【新浪新闻页面效果】

news.sina.com.cn 首页打开产生一张大幅广告效果页面  2000毫秒后消失效果

首先制作   AD.JS 文件

CODE:
[Copy to clipboard]
var ads_agt=navigator.userAgent.toLowerCase();
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()

然后在你想添加这样效果的页面适当的地方增加如下代码

CODE:
[Copy to clipboard]
<script language="JavaScript">
<!--
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>

大幅广告显示隐藏效果相关推荐

  1. vue点击input框出现弹窗_vue组件实现弹出框点击显示隐藏效果

    本文实例为大家分享了vue实现弹出框点击显示隐藏的具体代码,供大家参考,具体内容如下 效果如下图 由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v ...

  2. css加号图标_DIV,CSS如何实现“加减号”“显示隐藏”效果

    展开全部 (1)1.js方法,这是一般网站常用的方法. 优点:兼容性好,易管理. 实现方式:按钮32313133353236313431303231363533e58685e5aeb931333337 ...

  3. vue实现 toggle显示隐藏效果

    背景介绍 jQuery中有个toggle()方法,可以切换元素的显示状态,在用vue时如果不引入jQuery如何实现这种效果? 使用场景 常见有三种场景: 1.控制页面中一个dom元素 2.控制页面中 ...

  4. jQuery实现网易相册鼠标移动显示隐藏效果

    其实主要是jquery 层选择器的应用,jquery 高手可以跳过... 网易相册效果图如下:当鼠标移动经过照片就显示"设为封面|删除",移开后就隐藏,此效果在web开发中经常会用 ...

  5. 左侧导航菜单 子菜单的显示隐藏效果

    直接上代码,逻辑都在注释里 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <ht ...

  6. jQuery 效果——显示隐藏/滑动/淡入淡出/自定义动画||事件切换——简洁版滑动下拉菜单

    jQuery 效果 显示隐藏效果 <!DOCTYPE html> <html lang="en"><head><meta charset= ...

  7. WinForm实现类似QQ停靠,显示隐藏过程添加特效效果

    这可能是个老题长谈的问题了,只是在项目中会用到这个效果,所以今天做个记录.大家见了别喷我.在项目中的需求是这样的. 打开程序,在屏幕的右下角会显示一个窗体,一般情况下该窗体会隐藏停靠在右边,只露出很小 ...

  8. 【JavaWeb】JQuery实现广告显示和隐藏动画效果

    我们经常会看到几秒后出现了广告,显示了几秒后广告就消失了,下面就用JQuery框架来实现这个功能. 代码如下: <!DOCTYPE html> <html> <head& ...

  9. 【jQuery笔记Part2】01-jQuery显示隐藏切换动画侧边广告案例

    jQuery动画 jQuery动画 动画分类 HTML DOM position 属性 显示 show(毫秒, 完成回调函数) 隐藏 hide(毫秒, 完成回调函数) 切换 toggle(毫秒, 完成 ...

最新文章

  1. 绿米开关如何重置_小米米家墙壁开关实物到手实际体验
  2. set_origin_pose算子说明
  3. python round函数_Python round() 函数
  4. git第一次提交代码至远程仓库-强制推送
  5. 【卷积核设计】Scaling Up Your Kernels to 31x31: Revisiting Large Kernel Design in CNNs
  6. WEB API 系列(二) Filter的使用以及执行顺序
  7. Pool construction UVA - 1515 最小割模型
  8. bi数据分析师_BI工程师和数据分析师的5个格式塔原则
  9. 深入理解计算机的字长
  10. c++实验七-—项目2
  11. Linux zip加密压缩
  12. JavaScript 常用单词整理
  13. 数据结构初步(十二)- 插入排序与希尔排序超详细图解分析
  14. 顶级黑客泄密事件啼笑皆非
  15. VS2010出现重复的代码项原因及解决方式
  16. 什么是运维?运维工程师主要是做什么?
  17. 乔恩·斯凯特(Jon Skeet)-编程的查克·诺里斯(Chuck Norris)
  18. jsp页面在tomcat部署后访问为源代码页面
  19. python循环爬取页面_使用for或while循环来处理处理不确定页数的网页数据爬取
  20. 新版标准日本语中级_第十课

热门文章

  1. ubuntu 下pip3 与pipenv 安装使用错误
  2. SDUT 2603:Rescue The Princess
  3. ORACLE使用数据泵导入导出部分表
  4. Allocate aligned memory
  5. python面试题之多线程好吗?列举一些让Python代码以并行方式运行的方法
  6. SpringBoot和SpringCloud面试题
  7. Machine Learning Mastery 博客文章翻译:XGBoost
  8. 数据科学和人工智能技术笔记 十、模型选择
  9. django 1.8 官方文档翻译: 3-5-1 使用Django输出CSV
  10. django 1.8 官方文档翻译: 2-5-4 聚合 (初稿)