ASP.NET 网站开发中常用到的广告效果代码

用本贴持续记录一些收集的广告效果。希望给有需求的朋友们一些支持。也希望朋友们把我未记录的广告形式也给予一起回贴。使本贴更加的完善，也让更多的朋友们分享。
1.翻屏效果
翻屏效果

复制代码代码如下:

	
	<html> 

	<head></head> 

	<body> 

	<div style="HEIGHT:85px"> 

	<script LANGUAGE='JavaScript'> 

	document.ns = navigator.appName == "Microsoft Internet Explorer"; 

	function showStr(str,textWidth,num) 

	{ 

	if(!document.ns) 

	{ 

	document.write(str[0]+'<br>') 

	} 

	else 

	{ 

	var wrt=""; 

	wrt+='<table border=0 cellspacing=0 cellpadding=0>'; 

	wrt+='<tr><td>'; 

	wrt+='<div id="icefable1'+num+'">'; 

	wrt+='<table width='+textWidth+' border=0 cellspacing=0 cellpadding=0>'; 

	for (var i in str) 

	{ 

	wrt+='<tr><td height=20>'+str[i]+'</td></tr>'; 

	} scroll_num=i; 

	wrt+='</table>'; 

	wrt+='</div>'; 

	wrt+='<div id="icefable2'+num+'" style="position:absolute;z-index:1;visibility:hidden"></div>'; 

	wrt+='</td></tr>'; 

	wrt+='</table>'; 

	document.write(wrt); 

	} 

	} 

	function init_srolltext(num){countnum=0;eval('stopscroll'+num+'=false;'); 

	eval('icefable1'+num+'.scrollTop=0;'); 

	rotatenum=0; 

	eval('icefable1'+num+'.style.width=0;'); 

	eval('icefable1'+num+'.style.height=marqueesHeight;'); 

	eval('icefable1'+num+'.style.overflowX="visible";'); 

	eval('icefable1'+num+'.style.overflowY="hidden";'); 

	eval('icefable1'+num+'.noWrap=true;'); 

	eval('icefable1'+num+'.onmouseover=new Function("stopscroll=true");'); 

	eval('icefable1'+num+'.onmouseout=new Function("stopscroll=false");'); 

	eval('preTop'+num+'=0; '); 

	eval('currentTop'+num+'=0;');eval('stoptime'+num+'=0;'); 

	eval('icefable2'+num+'.innerHTML="";'); 

	eval('icefable2'+num+'.innerHTML+=icefable1'+num+'.innerHTML;'); 

	eval('icefable1'+num+'.innerHTML=icefable2'+num+'.innerHTML+icefable2'+num+'.innerHTML;'); 

	eval('setInterval("scrollUp'+num+'()",40);'); 

	} 

	function scrollUp1() 

	{ 

	if(stopscroll1==true) return; 

	currentTop1+=1; 

	if(currentTop1==marqueesHeight+1) 

	{ 

	stoptime1+=1; 

	currentTop1-=1; 

	if(stoptime1==scrolllen*marqueesHeight) 

	{ 

	currentTop1=0; 

	stoptime1=0; 

	} 

	} 

	else 

	{ 

	preTop1=icefable11.scrollTop; 

	icefable11.scrollTop+=1; 

	if(icefable11.scrollTop==scrolllen*marqueesHeight+1) 

	{ 

	preTop1=0; 

	currentTop1=0; 

	stoptime1=0; 

	icefable11.scrollTop=0; 

	}}} 

	var strArray1=new Array();strArray1[0]='<a href=http://www.dearbook.com.cn/book/SearchBook.aspx?keyword=电脑时尚应用系列 target=_blank><img border=0 src=/image/shishang.jpg height=80 width=150></a> <a href=http://www.dearbook.com.cn/book/SearchBook.aspx?keyword=实例精讲 target=_blank><img border=0 src=/image/button20.gif height=80 width=150></a> <a href=http://www.dearbook.com.cn/book/SearchBook.aspx?keyword=企业级开发案例精解 target=_blank><img border=0 src=/image/button21.gif height=80 width=150></a> <a href=http://www.dearbook.com.cn/subject/top50/ target=_blank><img border=0 src=/image/button15.gif height=80 width=150></a> ';strArray1[1]='<a href=http://www.dearbook.com.cn/2005/c++/ target=_blank><img border=0 src=/image/primer.jpg height=80 width=150></a> <a href=http://www.dearbook.com.cn/subject/VBzh/ target=_blank><img border=0 src=/image/vb-bt.jpg height=80 width=150></a> <a href=http://www.dearbook.com.cn/book/SearchBook.aspx?keyword=开发答疑&searchtype=0&corder=3&page=1&log=0 target=_blank><img border=0 src=/image/hospital.jpg height=80 width=150></a> <a href=http://www.dearbook.com.cn/book/SearchBook.aspx?keyword=国外计算机科学教材系列 target=_blank><img border=0 src=/image/WH.jpg height=80 width=150></a> <a href=http://www.dearbook.com.cn/SUBJECT/c++/index.htm target=_blank><img border=0 src=/image/c++.jpg height=80 width=150></a> ';var scrolllen=strArray1.length;marqueesHeight=82;showStr(strArray1,580,1);init_srolltext(1);</script> 

	</div> 

	</body> 

	</html>

2.广告轮显
轮流显示

复制代码代码如下:

	
	<html> 

	<head> 

	<SCRIPT> 

	var elady_tp=new Array(); 

	var elady_tplink1=new Array(); 

	var elady_tptext=new Array(); 

	var adNumvii=0; 

	elady_tp[0]="http://pic1.e26.cn/mb/5108/yft/images/1.gif" 

	elady_tp[1]="http://pic1.e26.cn/mb/5108/yft/images/3.gif" 

	elady_tp[2]="http://pic1.e26.cn/mb/5108/yft/images/2.gif" 

	var elady_cimage=new Array(); 

	for (i=1;i<=5;i++){elady_cimage[i]=new Image(); 

	elady_cimage[i].src=elady_tp[i]; 

	} 

	function set_coelady1(){ if (document.all) 

	{ elady_tprotator1.filters.revealTrans.Transition=Math.floor(Math.random()*23); 

	elady_tprotator1.filters.revealTrans.apply(); } 

	} 

	function play_coelady1() 

	{ if (document.all) elady_tprotator1.filters.revealTrans.play() 

	}function next_elady1(){ if(adNumvii<elady_tp.length-1)adNumvii++ ; 

	else adNumvii=0; 

	set_coelady1(); 

	document.images.elady_tprotator1.src=elady_tp[adNumvii]; 

	play_coelady1(); 

	theTimer=setTimeout("next_elady1()", 4000);} 

	function linkurl1(){ jumpUrl1=elady_tplink1[adNumvii]; 

	jumpTarget1='_blank'; 

	if (jumpUrl1 != ''){ if (jumpTarget1 != '')window.open(jumpUrl1,jumpTarget1); 

	else location.href=jumpUrl1; 

	}} 

	function listMsg1() 

	{ status=elady_tplink1[adNumvii]; 

	document.returnValue = true; 

	} 

	</SCRIPT> 

	</head> 

	<body> 

	<img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript：next_elady1()" border=0 name=elady_tprotator1 width="188" height="150"></a> 

	</body> 

	</html>

3.流动广告
流动广告

复制代码代码如下:

	
	<html> 

	<head></head> 

	<body> 

	<marquee onMouseOver=this.stop() onMouseOut=this.start() scrollamount=5 behavior=alternate> 

	<table cellspacing=0 cellpadding=2 width="100%" border=0> 

	<tbody> 

	<tr> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1301.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1306.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1311.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1203.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1208.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1219.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1224.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1234.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1258.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1280.gif" width="150" height="150"></td> 

	<td><img src="http://pic1.e26.cn/mb/5108/yft/images/gun/1356.gif" width="150" height="150"></td> 

	</tr> 

	</tbody> 

	</table> 

	</marquee> 

	</body> 

	</html>

4.移动广告框
移动广告

复制代码代码如下:

	
	<div id="img" style="LEFT:27px; visibility=hidden;POSITION:absolute; TOP:1115px"> 

	<a href="www.eyou.com" target="_blank"> 

	<img border=0 src="uploadad/gg.png" width=400 height=50> 

	</a> 

	</div> 

	<script language="javascript"> 

	<!-- Begin 

	var xPos = 20; 

	var yPos = document.body.clientHeight; 

	var step = 1; 

	var delay = 30; 

	var height = 0; 

	var Hoffset = 0; 

	var Woffset = 0; 

	var yon = 0; 

	var xon = 0; 

	var pause = true; 

	var interval; 

	img.style.top = yPos; 

	function changePos() { 

	width = document.body.clientWidth; 

	height = document.body.clientHeight; 

	Hoffset = img.offsetHeight; 

	Woffset = img.offsetWidth; 

	img.style.left = xPos + document.body.scrollLeft; 

	img.style.top = yPos + document.body.scrollTop; 

	if (yon) { 

	yPos = yPos + step; 

	} 

	else { 

	yPos = yPos - step; 

	} 

	if (yPos < 0) { 

	yon = 1; 

	yPos = 0; 

	} 

	if (yPos >= (height - Hoffset)) { 

	yon = 0; 

	yPos = (height - Hoffset); 

	} 

	if (xon) { 

	xPos = xPos + step; 

	} 

	else { 

	xPos = xPos - step; 

	} 

	if (xPos < 0) { 

	xon = 1; 

	xPos = 0; 

	} 

	if (xPos >= (width - Woffset)) { 

	xon = 0; 

	xPos = (width - Woffset); 

	} 

	} 

	function start() { 

	img.style.visibility = "visible"; 

	interval = setInterval('changePos()', delay); 

	} 

	start(); 

	// End --> 

	</script>

5.左右底部广告

复制代码代码如下:

	
	<script type="text/javascript" language="javascript"> 

	var MmyeeAdShow = 3; //1为左侧显示 2为右侧显示 其他为两侧显示 

	var MmyeeAdWidth =300; //广告宽度 

	var MmyeeAdHeight = 200; //广告高度 

	//左边浮动 

	var AdLeftContent= "<div><iframe id='iframyee' bordercolor='#000000' frameborder='0' hspace='0' marginheight='0' marginwidth='0' scrolling='no' src='http://a311300.cnblogs.com' width='"+MmyeeAdWidth+"' height='"+MmyeeAdHeight+"'></iframe></div>"; 

	//右边浮动 

	var AdRightContent = "<div><iframe id=iframyee frameborder=0 marginwidth=0 marginheight=0 bordercolor='#000000' hspace='0' scrolling=no src='http://a311300.cnblogs.com' width='"+MmyeeAdWidth+"' height='"+MmyeeAdHeight+"'></iframe></div>" 

	//漂浮据页面底部设定框值，为了美观请不要修改次参数 

	var marginTop = 10 

	//漂浮据边框的距离 

	var marginLeft = 5 

	var navUserAgent = navigator.userAgent 

	function load() 

	{ 

	judge(); 

	move(); 

	} 

	function move() { 

	judge(); 

	setTimeout("move();",80) 

	} 

	function judge(){ 

	if (navUserAgent.indexOf("Firefox") >= 0 || navUserAgent.indexOf("Opera") >= 0) { 

	if (MmyeeAdShow != "2") { 

	document.getElementById("adLeftFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + ((document.body.clientHeight > document.documentElement.clientHeight)?document.documentElement.clientHeight:document.body.clientHeight) - (MmyeeAdHeight) - marginTop + 'px'; 

	} 

	if (MmyeeAdShow != "1") { 

	document.getElementById("adRightFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + ((document.body.clientHeight > document.documentElement.clientHeight)?document.documentElement.clientHeight:document.body.clientHeight) - (MmyeeAdHeight) - marginTop + 'px'; 

	document.getElementById("adRightFloat").style.left = ((document.body.clientWidth > document.documentElement.clientWidth)?document.body.clientWidth:document.documentElement.clientWidth) - MmyeeAdWidth - marginLeft + 'px'; 

	} 

	} 

	else{ 

	if (MmyeeAdShow != "2") { 

	document.getElementById("adLeftFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + ((document.documentElement.clientHeight == 0)?document.body.clientHeight:document.documentElement.clientHeight) - (MmyeeAdHeight) - marginTop + 'px'; 

	} 

	if (MmyeeAdShow != "1") { 

	document.getElementById("adRightFloat").style.top = (document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) + ((document.documentElement.clientHeight == 0)?document.body.clientHeight:document.documentElement.clientHeight) - (MmyeeAdHeight) - marginTop + 'px'; 

	document.getElementById("adRightFloat").style.left = ((document.documentElement.clientWidth == 0)?document.body.clientWidth:document.documentElement.clientWidth) - MmyeeAdWidth - marginLeft + 'px'; 

	} 

	} 

	if (MmyeeAdShow != "2") { 

	document.getElementById("adLeftFloat").style.left = marginLeft + 'px'; 

	} 

	} 

	if (MmyeeAdShow != "2") { 

	document.write("<div id=\"adLeftFloat\" style=\"position: absolute;width:" + MmyeeAdWidth + ";\"><table border=0 cellpadding=0 cellspacing=0><tr><td>"+AdLeftContent+"</td></tr></table></div>"); 

	} 

	if (MmyeeAdShow != "1") { 

	document.write("<div id=\"adRightFloat\" style=\"position: absolute;width:" + MmyeeAdWidth + ";\"><table border=0 cellpadding=0 cellspacing=0><tr><td>"+AdRightContent+"</td></tr></table></div>"); 

	} 

	load(); 

	</script>

6.左侧浮动广告

复制代码代码如下:

	
	<script event="onload" for="window" language="javascript"> 

	init_Ad_Left();//载入页面后，调用函数init_Ad_Left(). 

	</script> 

	<script language="javascript"> 

	<!-- 

	function init_Ad_Left() { 

	document.all.AdLeftLayer.style.posTop = -200; 

	//设置onLoad事件激发以后，广告层相对于固定后的y方向位置 

	document.all.AdLeftLayer.style.visibility = 'visible'//设置层为可见 

	MoveLeftLayer('AdLeftLayer');//调用函数MoveLayer() 

	} 

	function MoveLeftLayer(layerName) 

	{ 

	var x = 20;//浮动广告层固定于浏览器的x方向位置 

	var y = 200;//浮动广告层固定于浏览器的y方向位置 

	var diff = (document.documentElement.scrollTop + y - document.all.AdLeftLayer.style.posTop)*.90; 

	var y = document.documentElement.scrollTop + y - diff; 

	eval("document.all." + layerName + ".style.posTop = y"); 

	eval("document.all." + layerName + ".style.posright = x");//移动广告层 

	setTimeout("MoveLeftLayer('AdLeftLayer');", 0);//设置20毫秒后再调用函数MoveLayer() 

	} 

	//--> 

	</script> 

	<div id="AdLeftLayer" style='position: absolute; width: 100px; height: 200px; z-index: 20;visibility: visible; left: 20px; top: 100px'> 

	加入你要放置的内容 

	<!--嵌入子页--> 

	<iframe id="iframyee11" allowtransparency='true' bordercolor='#000000' frameborder="0" height='20' hspace='0' marginheight="0" marginwidth="0" scrolling="no" src='Detail.aspx' width='120'></iframe> 

	dsfsfqqq qqqqqqqq qqqqqqqq qqqqqqqq qqqqqqqq qqqqqqqq qqqqqqqq qqqqqqqq qqqqqqqq 

	qqqqq qqqqqqqq qqqqqqqq qqqqqqq 

	</div>

7.右侧浮动广告

复制代码代码如下:

	
	<script event="onload" for="window" language="javascript"> 

	init_Ad_Right();//载入页面后，调用函数init_Ad_Right() 

	</script> 

	<script language="javascript"> 

	<!-- 

	function init_Ad_Right() 

	{ 

	document.all.AdRightLayer.style.posTop = -300; //设置onLoad事件激发以后，广告层相对于固定后的y方向位置 

	document.all.AdRightLayer.style.visibility = 'visible'; //设置层为可见 

	MoveRightLayer('AdRightLayer'); //调用函数MoveRightLayer() 

	} 

	function MoveRightLayer(layerName) 

	{ 

	var x = 20; //浮动广告层固定于浏览器的x方向位置 

	var y = 200;//浮动广告层固定于浏览器的y方向位置 

	var diff = (document.documentElement.scrollTop + y - document.all.AdRightLayer.style.posTop)*.90; 

	var y = document.documentElement.scrollTop + y - diff; 

	eval("document.all." + layerName + ".style.posTop = y"); 

	eval("document.all." + layerName + ".style.posright = x");//移动广告层 

	setTimeout("MoveRightLayer('AdRightLayer');", 0);//设置20毫秒后再调用函数MoveRightLayer() 

	} 

	//--> 

	</script> 

	<div id="AdRightLayer" style='position: absolute; width: 100px; height: 200px; z-index: 20;visibility: hidden; right: 30px; top: 600px'> 

	加入你要放置的内容 

	<!--嵌入子页--> 

	<iframe id="iframyee2" allowtransparency='true' bordercolor='#000000' frameborder="0" height='20' hspace='0' marginheight="0" marginwidth="0" scrolling="no" src='Detail.aspx' width='120'></iframe> 

	hhhhhh hhhhhh hh hhhhhh hhhhhh hhhhhh h hhhhhh hhhhhh hhhhhh hhhhhh hh 

	</div>

8.左右浮动广告
以下各层不变，在event="onload"中同时加载init_Ad_Left()和 init_Ad_Right()方法
左右浮动广告

复制代码代码如下:

	
	<script event="onload" for="window" language="javascript"> 

	init_Ad_Left();//载入页面后，调用函数init_Ad_Left() 

	init_Ad_Right();//载入页面后，调用函数init_Ad_Right() 

	</script>

9.falsh广告轮显
Flash广告轮显Demo
感谢好友位绰提供此广告展现样式
有兴趣的朋友还可以封装成ASP.NET里的自定义控件。这样使用更为方便。

ASP.NET 网站开发中常用到的广告效果代码

相关文章

热门资讯