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]="yun_qi_img/1.gif"
elady_tp[1]="yun_qi_img/3.gif"
elady_tp[2]="yun_qi_img/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.流动广告
流动广告

复制代码代码如下:

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

</script>

5.左右底部广告

复制代码代码如下:

6.左侧浮动广告

复制代码代码如下:

7.右侧浮动广告

复制代码代码如下:

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

复制代码代码如下:

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

时间： 2024-09-09 22:55:28

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

ASP.NET 网站开发中常用到的广告效果代码_实用技巧的相关文章

ASP.NET网站管理系统退出清除浏览器缓存,Session的代码_实用技巧

asp.net开发中怎样去突破文件依赖缓存_实用技巧

ASP.NET 2.0 中收集的小功能点(转)_实用技巧

ASP.NET MVC5网站开发修改及删除文章（十）_实用技巧

Asp.net利用JQuery弹出层加载数据代码_实用技巧

MVC4制作网站教程第二章部分用户功能实现代码_实用技巧

ASP.Net中英文复合检索文本框实现思路及代码_实用技巧

ASP.NET MVC5网站开发之展示层架构（五）_实用技巧

asp.net中控制反转的理解(文字+代码)_实用技巧