搜索
 找回密码
 加入

无聊的时候写了个无聊的ADs show效果(模仿CNXP)

yellky 2007-3-6 21:29:41 1743
虽然还不太完善.但总算模仿的比较像了...:o :o   Happy.....
<br>
点击CODE旁边的run看效果...
<br>
[注:那个弹出的窗口和本效果无关,偶的google广告放在一个免费空间上(怕google认为偶作弊),那个免费空间会弹窗口...:L ]
<br>
1.JS代码基本完成封装,在需要的页面调用即可<br>
2.设置很简单,设置JS文件顶部的几个变量即可<br>
3.配合ASP,PHP可以轻易的实现展示随机广告<br>
4.很适合论坛下载文件的时候,顺便show一下广告<br>


  1. <html>
  2. <head><title>ADs Show</title>
  3. <script>
  4. var ADs_show_speed=20;
  5. var ADs_show_url="http://kofan.xinwen520.net/adsg.htm";
  6. var ADs_show_height=90;
  7. var ADs_show_with=738;
  8. var ADs_show_bgcolor="#ffffee";
  9. var ADs_show_alpha=80;

  10. var ADs_show_timeout=ADs_show_with-10;
  11. function displayClickADs(url,tag)
  12. {
  13.         showClickprogress = 0;
  14.         ClickADref = document.all.ClickAD;

  15.         var scroll_top = document.body.scrollTop;
  16.         var docwidth = document.body.clientWidth;
  17.         var docheight = document.body.clientHeight;
  18.         var ClickADwidth = ClickADref.offsetWidth;
  19.         var ClickADheight = ClickADref.offsetHeight;
  20.         ClickADref.style.left = docwidth / 2 - ClickADwidth / 2;
  21.         ClickADref.style.top = scroll_top + docheight / 2 - ClickADheight / 2;

  22.         ClickADscroll = setInterval('staticClickADbox()', 1);
  23.         ProgressBar = setInterval('controlledhideClickAD()', ADs_show_timeout);
  24.         ClickADref.style.visibility = "visible";
  25.         if(tag==1)
  26.                 window.open(url);
  27.         else
  28.                 window.location=url;
  29.        
  30.         document.onclick=function(ew){
  31.                 var a,ee;
  32.                 ee=window.event?window.event:ew;
  33.                 a=ee.target?ee.target:ee.srcElement;
  34.                 if(a.id!="ClickID")
  35.                 {
  36.                         ClickADref.style.visibility = 'hidden';
  37.                         if (typeof(ClickADscroll) != 'undefined') clearInterval(ClickADscroll);
  38.                         if (typeof(ProgressBar) != 'undefined') clearInterval(ProgressBar);
  39.                         document.all.Progress.innerHTML = '<table align=left><tr><td height=4></td></tr></table>';
  40.                 }
  41.         }
  42. }
  43. function staticClickADbox()
  44. {
  45.         var scroll_top = document.body.scrollTop;
  46.         var docheight = document.body.clientHeight;
  47.         var ClickADheight = ClickADref.offsetHeight;
  48.         ClickADref.style.top = scroll_top + docheight / 2 - ClickADheight / 2;
  49. }
  50. function controlledhideClickAD()
  51. {   
  52.     showClickprogress +=ADs_show_speed;
  53.         document.all.Progress.innerHTML = '<table width=' + showClickprogress + ' align=left bgColor=green><tr><td height=4><div align=center></div></td></tr></table>';
  54.         if (showClickprogress > ADs_show_timeout)
  55.         {
  56.                 if (typeof(ClickADscroll) != 'undefined') clearInterval(ClickADscroll);
  57.                 if (typeof(ProgressBar) != 'undefined') clearInterval(ProgressBar);
  58.         }

  59. }
  60. document.write('<div id=ClickAD style="position: absolute; visibility: hidden; padding: 5px 5px 5px 5px; background-Color:'+ADs_show_bgcolor+'; filter: alpha(Opacity='+ADs_show_alpha+'); border: 1px dotted #999999; z-index: 100"><table cellPadding=0 cellSpacing=0 border=0 width='+ADs_show_with+' style="table-layout: fixed" align=center><tr><td style="word-wrap: break-word"><div align="center"><iframe marginwidth=0 marginheight=0 frameborder=0 scrolling="no" width='+ADs_show_with+'  height='+ADs_show_height+' src='+ADs_show_url+'></iframe></div></td></tr></table><div id=Progress align=center style="padding: 2px 0px 0px 0px;"><table align=left><tr><td height=4></td></tr></table></div></div>');
  61. </script>
  62. <head>
  63. <body>
  64. <img src="http://www.kofans.cn/bbs/images/attachicons/rar.gif" border="0">附件:<A href="javascript:displayClickADs('http://www.bell-flower.com/attachments/month_0703/f2007361969.rar',1)">ADs_Show.rar</A>(2007-3-5 14:56, 36.24 K)
  65. </body>
  66. </html>
复制代码


<img src="http://www.kofans.cn/bbs/images/attachicons/rar.gif" border="0">附件:<A href="http://www.bell-flower.com/attachments/month_0703/f2007361969.rar" target="_blank">ADs_Show.rar</A>

欢迎访问KOFANS的镜像站点:http://kofan.xinwen520.net/     :)
<br><br>
签名怎么米有了啊???自制签名...:)
<br>
<br>
------------------------------------------------------------------------------------------------------------Signature--<br>
<script type="text/javascript"><!--
google_ad_client = "pub-3598466218468519";
google_alternate_color = "ffffff";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "333333";
google_color_text = "999999";
google_color_url = "A0A0A0";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

1 回复

admin
2007-3-6 21:29:41
点击查看详情
这个东西有意思,收藏下了
高级模式
游客