ASP.NET网站开发中常用到的广告效果代码-heycode-嘿！代码。a

在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”

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

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>

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

<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里的自定义控件。这样使用更为方便。

来源：http://www.cnblogs.com/a311300