6.cn首页banner可关闭广告特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 6.cn首页banner可关闭广告特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,全屏广告,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为6.cn首页banner可关闭广告，属于站长常用代码" />
<title>6.cn首页banner可关闭广告</title>
<link href="css/css.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div align="center">
  <p>
    <script type="text/javascript" src="js/mt.js"></script>
    <script type="text/javascript" src="js/m.js"></script>
    <script type="text/javascript"> 
    window.addEvent('load' , function() { new topBannerAd('#' , 'images/top_banner.jpg' , '标题').display(1) } ) ;
  </script>
  </p>
  <p align="center"></p>
  <p align="center"></p>
  <p align="center"></p>
  <p>&nbsp;  </p>
</div>
</body>
</html>

JS代码(m.js):

// 【MT】 ====== idx banner ======var topBannerAd = new Class({
	options:{
	closePic:'images/close.gif',width:980,height:50}
,initialize:function(href,pic,title,options){
	//if(jcookie.get('idxTopBanner') == 'close')//return false;
	this.setOptions(options);
	this.href = href;
	this.pic = pic;
	this.title = title;
	var ele = new Element('div',{
	'id':'topBannerBao'}
).setHTML('<div id="topBanner"><a target="_blank" href="' + this.href + '"><img width="' + this.options.width + '" height="' + this.options.height + '" src="' + this.pic + '" title="' + this.title + '" /></a><span style="background:url(' + this.options.closePic + ')"></span></div>').injectTop(document.body);
	this.myslide = new Fx.Slide($('topBanner')).hide();
	$('topBanner').getElementsByTagName('span')[0].onclick = this.display.bind(this,0);
	// load imgnew Image().src = pic;
}
,display:function(type){
	if(type){
	if($('topBannerBao'))this.myslide.slideIn();
}
else{
	//jcookie.set('idxTopBanner','close');
	this.myslide.slideOut();
}
}
}
);
	topBannerAd.implement(new Events,new Options);

CSS代码(css.css):

body{margin:0px;text-align:center;}
img{border:0px}
/* 顶部广告BANNER */
#topBannerBao{width:940px;margin:0 auto;cursor:hand;cursor:pointer;}
#topBanner{width:940px;position:relative;z-index:2;}
#topBanner span{background:url(../images/close.gif);position:absolute;right:5px;top:5px;width:15px;height:13px;overflow:hidden;font-size:1px;}

附件:下载该文件资源,减少时间成本(增值服务)