全屏弹性伸缩广告代码

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

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

以下是全屏弹性伸缩广告代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,全屏广告,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为全屏弹性伸缩广告代码，属于站长常用代码" />
<title>全屏弹性伸缩广告代码</title>
<style type="text/css">
	img{border:0}
</style>
<script src="js/jquery.js" type=text/javascript></script>
</head>

<body style="text-align:center">
<script language=javascript src="js/topad.js" type=text/javascript></script>
</body>
</html>

JS代码(topad.js):

// JScript 文件function TopAd(){
	var strTopAd="";
	//定义小图片内容 var topSmallBanner="<div><a href=\"http://www.lanrentuku.com/\" target=_blank><img src=\"images/top_090901_s.gif\" /></a></div>";
	//判断在那些页面上显示大图变小图效果，非这些地址只显示小图（或FLASH） if (location == "http://www.lanrentuku.com" || location == "http://lanrentuku.com" || location == "http://bbs.lanrentuku.com/" || true){
	//定义大图内容 strTopAd="<div id=adimage style=\"width:980px\">"+ "<div id=adBig><a href=\"http://www.lanrentuku.com/\" " + "target=_blank><img title=2010年平湖在线首届家居建材团购会 "+ "src=\"images/top_lanrentuku_b.jpg\" " + "border=0></A></div>"+ "<div id=adSmall style=\"display:none\">";
	//strTopAd+= topFlash;
	strTopAd+= topSmallBanner;
	strTopAd+= "</div></div>";
}
else{
	//strTopAd+=topFlash;
	strTopAd+= topSmallBanner;
}
strTopAd+="<div style=\"height:7px;
	clear:both;
	overflow:hidden\"></div>";
	return strTopAd;
}
document.write(TopAd());
	$(function(){
	//过两秒显示 showImage();
	内容 setTimeout("showImage();
	",2000);
	//alert(location);
}
);
	function showImage(){
	$("#adBig").slideUp(1000,function(){
	$("#adSmall").slideDown(1000);
}
);
}

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