返回论坛首页联系我们论坛帮助
>> 网页设计交流,相互学习,共同进步……
搜一搜更多此类问题 
泥客论坛(十几年前的回忆)泥客技术☆网页制作☆ → 大幅广告显示隐藏效果【新浪新闻页面效果】

您是本帖的第 4292 个阅读者
树形 打印
标题:
大幅广告显示隐藏效果【新浪新闻页面效果】
羽忆
帅哥哟,离线,有人找我吗?
头衔:羽忆小笨
等级:班主任
文章:163
积分:840
注册:2005年1月15日
楼主
 点击这里发送电子邮件给羽忆 访问羽忆的主页

发贴心情
大幅广告显示隐藏效果【新浪新闻页面效果】

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

公司下载站需要这样的效果

制作完成 源码提供出来大家一起分享

首先制作   AD.JS 文件

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()

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

<script language="JavaScript">
<!--
SYfullscreen=true
var adInterPath="http://xu-ni.net/news/index.asp"   //这里显示的是你的广告页面  最好是单独的FLASH或者图片  你可以设定连接连接到别的页面上 if (document.all) {
// this is a 4.x browser, no?
document.write('<SCRI' + 'PT LANGUAGE="javascript1.2"');
document.writeln(' SRC="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>


羽忆网
ip地址已设置保密
2005/1/16 18:34:19
小轲
帅哥哟,离线,有人找我吗?
头衔:泥客主席
等级:校长
威望:10
文章:10703
积分:67062
注册:1949年10月1日
2
  QQ 点击这里发送电子邮件给小轲 访问小轲的主页

发贴心情

哈哈,看样子不错啊~

我试试先~

go~~~


ip地址已设置保密
2005/1/17 0:59:28
小轲
帅哥哟,离线,有人找我吗?
头衔:泥客主席
等级:校长
威望:10
文章:10703
积分:67062
注册:1949年10月1日
3
  QQ 点击这里发送电子邮件给小轲 访问小轲的主页

发贴心情

哈哈~做出来了~效果很不错

演示地址: http://kesonic.com/kc/article/index.asp

注:广告10秒后关闭


ip地址已设置保密
2005/1/17 1:28:40
小轲
帅哥哟,离线,有人找我吗?
头衔:泥客主席
等级:校长
威望:10
文章:10703
积分:67062
注册:1949年10月1日
4
  QQ 点击这里发送电子邮件给小轲 访问小轲的主页

发贴心情
不过这种广告方式很容易被广告拦截工具拦截~

ip地址已设置保密
2005/1/17 18:39:10
飘飞雪
美女呀,离线,留言给我吧!
头衔:︷游离子——归零
等级:初中二年级
威望:17
文章:643
积分:2106
注册:2004年4月14日
5
 点击这里发送电子邮件给飘飞雪

发贴心情
还可以.

2004年,我基本上很乖~~2005年,我会争取更乖———呼吸!
ip地址已设置保密
2005/1/18 13:20:53

 5   5   1/1页      1    
Powered By Dvbbs Version 7.1.0 Sp1
页面执行时间 00.14063 秒, 4 次数据查询