找回密码
 注册
查看: 1325|回复: 0

[分享] 对联广告代码实用大全

[复制链接]
发表于 2010-10-23 10:09:50 | 显示全部楼层 |阅读模式
对联广告代码实用大全


  1. [b][普通效果]
  2. [/b]现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面就是实现效果所需代码:
  3.     var delta=0.015
  4.     var collection;
  5.     function floaters() {
  6.         this.items     = [];
  7.         this.addItem     = function(id,x,y,content)
  8.                   {
  9.                     document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute;   width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
  10.                   
  11.                     var newItem                 = {};
  12.                     newItem.object             = document.getElementById(id);
  13.                     newItem.x                 = x;
  14.                     newItem.y                 = y;
  15.                     this.items[this.items.length]         = newItem;
  16.                   }
  17.         this.play     = function()
  18.                   {
  19.                     collection                 = this.items
  20.                     setInterval('play()',10);
  21.                   }
  22.         }
  23.         function play()
  24.         {
  25.             if(screen.width<=800)
  26.             {
  27.                 for(var i=0;i<collection.length;i++)
  28.                 {
  29.                     collection[i].object.style.display     = 'none';
  30.                 }
  31.                 return;
  32.             }
  33.             for(var i=0;i<collection.length;i++)
  34.             {
  35.                 var followObj         = collection[i].object;
  36.                 var followObj_x         = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x); [color=#ffffff][/color]
  37.                 var followObj_y         = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
  38.                 if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
  39.                     var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
  40.                     dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
  41.                     followObj.style.left=followObj.offsetLeft+dx;
  42.                     }
  43.                 if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
  44.                     var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
  45.                     dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
  46.                     followObj.style.top=followObj.offsetTop+dy;
  47.                     }
  48.                 followObj.style.display     = '';
  49.             }
  50.         }   
  51.       
  52.     var theFloaters         = new floaters();
  53.     theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a>
  54. <a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>');
  55.     theFloaters.addItem('followDiv2',0,0,'
  56. <a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>');
  57.     theFloaters.play();   


  58. 把上面的代码另存为一个JS文件,然后在想实现此效果的页面用 调用即可!注意修改广告图片地址和连接地址!
  59. [b][鼠标感应][/b]
  60. 与前面一个代码不同的是,当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果,下面就是实现效果所需代码:
  61. function bigshow(){
  62. document.all.div_250.style.visibility = 'visible';
  63. document.all.div_80.style.visibility = 'hidden';
  64. }
  65. function bighide(){
  66. document.all.div_80.style.visibility = 'visible';
  67. document.all.div_250.style.visibility = 'hidden';
  68. }
  69. var ad_80= new Array(1);
  70. var ad_250= new Array(1);
  71. ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.gif border=0></a>";
  72. ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad2.gif border=0></a>";
  73. var imgheight;
  74. var fubioleft;
  75. window.screen.width>800 ? fubioleft=15:fubioleft=15
  76. document.write('<DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');

  77. ad_now = new Date();
  78. ad_id= ad_now.getSeconds() %1

  79. var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();>";
  80. var adhead2="</div><div id=div_250 style='position:absolute;   visibility: hidden; z-index:13;width: 80; height: 60'   onMouseOut=bighide();>";
  81. //var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers("div_250","","hide")' onMouseOver='MM_showHideLayers("div_250","","show")'>";
  82. //var adhead2="</div><div id=div_250 style='position:absolute; z-index:21;visibility: hidden; width: 80; height: 60' onMouseOver='MM_showHideLayers("div_250","","show")' onMouseOut='MM_showHideLayers("div_250","","hide")'>";
  83. document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div>");

  84. document.write ("</div>");
  85. self.onError=null;
  86. currentX = currentY = 0;
  87.      whichIt = null;         
  88.      lastScrollX = 0; lastScrollY = 0;
  89.      NS = (document.layers) ? 1 : 0;
  90.      IE = (document.all) ? 1: 0;   
  91.      function heartBeat() {
  92.       if(IE) {
  93. diffY = document.body.scrollTop;
  94. diffX = document.body.scrollLeft; }
  95.              if(NS) {
  96.    diffY = self.pageYOffset; diffX = self.pageXOffset; }
  97.       if(diffY != lastScrollY) {
  98.                      percent = .5 * (diffY - lastScrollY);
  99.                      if(percent > 0) percent = Math.ceil(percent);
  100.                      else percent = Math.floor(percent);
  101.          if(IE) document.all.floater_left.style.pixelTop += percent;
  102.          if(NS) document.floater_left.top += percent;
  103.                      lastScrollY = lastScrollY + percent;
  104.          }
  105.       if(diffX != lastScrollX) {
  106.        percent = .5 * (diffX - lastScrollX);
  107.        if(percent > 0) percent = Math.ceil(percent);
  108.        else percent = Math.floor(percent);
  109.        if(IE) document.all.floater_left.style.pixelLeft += percent;
  110.        if(NS) document.floater_left.left += percent;
  111.        lastScrollX = lastScrollX + percent;
  112.       }
  113.      }
  114.      if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);
  115. var ad_250= new Array(1);
  116. ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>";
  117. ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>"; [color=#ffffff][/color]
  118. var imgheight;
  119. var fubioleft;
  120. window.screen.width>800 ? fubioleft=15:fubioleft=15
  121. document.write('<DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');
  122. ad_now = new Date();
  123. ad_id= ad_now.getSeconds() %1

  124. function myload()
  125. {
  126. if (navigator.appName == "Netscape")
  127. {
  128. document.div_right_80.pageX=+window.innerWidth-130;
  129. document.div_right_250.pageX=+window.innerWidth-300;
  130. mymove();
  131. }
  132. else
  133. {
  134. div_right_80.style.left=document.body.offsetWidth-130;
  135. div_right_250.style.left=document.body.offsetWidth-300;
  136. mymove();
  137. }
  138. }
  139. function mymove()
  140. {
  141. if(document.ns)
  142. {
  143. document.div_right_80.left=pageXOffset+window.innerWidth-130;
  144. document.div_right_250.left=pageXOffset+window.innerWidth-300;
  145. setTimeout("mymove();",20)
  146. }
  147. else
  148. {
  149. div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;
  150. div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;
  151. setTimeout("mymove();",20)
  152. }
  153. }

  154. var adhead1="<div id=div_right_80 style='position:absolute; width:95px; height:60px; z-index:12' onMouseOver=bigshow_right();>";
  155. var adhead2="</div><div id=div_right_250   style='position:absolute;   visibility: hidden; z-index:13;width: 250; height: 250' onMouseOut=bighide_right();><div align=right>";
  156. document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");
  157. myload()
  158. document.write ("</div>");
  159. self.onError=null;
  160. currentX_right = currentY_right = 0;
  161.      whichIt_right = null;         
  162.      lastScrollX_right = 0; lastScrollY_right = 0;
  163.      NS = (document.layers) ? 1 : 0;
  164.      IE = (document.all) ? 1: 0;   
  165.      function heartBeat_right() {
  166.       if(IE) {
  167. diffY_right = document.body.scrollTop;
  168. diffX_right = document.body.scrollLeft; }
  169.              if(NS) {
  170.    diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }
  171.       if(diffY_right != lastScrollY_right) {
  172.                      percent_right = .5 * (diffY_right - lastScrollY_right);
  173.                      if(percent_right > 0) percent_right = Math.ceil(percent_right);
  174.                      else percent_right = Math.floor(percent_right);
  175.          if(IE) document.all.floater_right.style.pixelTop += percent_right;
  176.          if(NS) document.floater_right.top += percent_right;
  177.                      lastScrollY_right = lastScrollY_right + percent_right;
  178.          }
  179.       if(diffX_right != lastScrollX_right) {
  180.        percent_right = .5 * (diffX_right - lastScrollX_right); [color=#ffffff][/color]
  181.        if(percent_right > 0) percent_right = Math.ceil(percent_right);
  182.        else percent_right = Math.floor(percent_right);
  183.        if(IE) document.all.floater_right.style.pixelLeft += percent_right;
  184.        if(NS) document.floater_right.left += percent_right;
  185.        lastScrollX_right = lastScrollX_right + percent_right;
  186.       }
  187.      }
  188.      if(NS || IE) action = window.setInterval("heartBeat_right()",1);
  189. function bigshow_right(){
  190. document.all.div_right_250.style.visibility = 'visible';
  191. document.all.div_right_80.style.visibility = 'hidden';
  192. }
  193. function bighide_right(){
  194. document.all.div_right_80.style.visibility = 'visible';
  195. document.all.div_right_250.style.visibility = 'hidden';
  196. }document.write('');
  197. document.write('');
  198. document.write('');

  199. 把上面的代码另存为一个JS文件,然后在想实现此效果的页面用
  200. <script type="text/javascript" language="javascript1.2" src="*.js"></SCRIPT>

  201. 调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!
  202. [b][允许关闭][/b]
  203. 与前面两个代码不同的是,广告图下方增加了一个图片按纽,允许访客点击关闭广告图片,下面文本框中就是实现效果所需代码:
  204. var delta=0.015;
  205. var collection;
  206. var closeB=false;
  207. function floaters() {
  208. this.items = [];
  209. this.addItem = function(id,x,y,content)
  210.       {
  211.      document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;   width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
  212.    
  213.      var newItem     = {};
  214.      newItem.object    = document.getElementById(id);
  215.      newItem.x     = x;
  216.      newItem.y     = y;
  217.      this.items[this.items.length]   = newItem;
  218.       }
  219. this.play = function()
  220.       {
  221.      collection     = this.items
  222.      setInterval('play()',30);
  223.       }
  224. }
  225. function play()
  226. {
  227.    if(screen.width<=800 || closeB)
  228.    {
  229.     for(var i=0;i<collection.length;i++)
  230.     {
  231.      collection[i].object.style.display = 'none';
  232.     }
  233.     return;
  234.    }
  235.    for(var i=0;i<collection.length;i++)
  236.    {
  237.     var followObj   = collection[i].object;
  238.     var followObj_x   = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
  239.     var followObj_y   = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);
  240.     if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
  241.      var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
  242.      dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
  243.      followObj.style.left=followObj.offsetLeft+dx;
  244.      }
  245.     if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
  246.      var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
  247.      dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
  248.      followObj.style.top=followObj.offsetTop+dy;
  249.      }
  250.     followObj.style.display = '';
  251.    }
  252. }
  253. function closeBanner()
  254. {
  255.    closeB=true;
  256.    return;
  257. }
  258. var theFloaters   = new floaters();
  259. //
  260. theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a  href=http://www.dfeng.net target=_blank><img src=ad/doublead/right.gif width=100 height=554 border=0></a>
  261. <img src=ad/doublead/close.gif >');
  262. theFloaters.addItem('followDiv2',0,0,'<a  href=http://www.dfeng.net target=_blank><img src=ad/doublead/ad_ad.gif width=100 height=400 border=0 ></a>
  263. <img src=ad/doublead/close.gif >');
  264. theFloaters.play();

  265. 把上面的代码另存为一个JS文件,然后在想实现此效果的页面用 调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!
  266. [b]浮动对联广告---之左侧代码[/b]
  267. 如果您想只有一侧显示的话,下面是实现左侧效果所需代码:
  268. var ad_float_left_src ="图片地址";
  269. var ad_float_left_url ="地址";
  270. var ad_float_left_type = "";
  271. document.ns = navigator.appName == "Microsoft Internet Explorer"
  272. var imgheight_close
  273. var imgleft
  274. window.screen.width>800 ? imgheight_close=120:imgheight_close=120
  275. window.screen.width>800 ? imgleft=8:imgleft=122
  276. function myload()
  277. {
  278. myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
  279. t-imgheight_close;
  280. myleft.style.left=imgleft;
  281. leftmove();
  282. }
  283. function leftmove()
  284. {
  285. myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
  286. t-imgheight_close;
  287. myleft.style.left=imgleft;
  288. setTimeout("leftmove();",50)
  289. }
  290. function MM_reloadPage(init) {   //reloads the window if Nav4 [color=#ffffff][/color]
  291. resized
  292. if (init==true) with (navigator) {if ((appName=="Netscape")&&
  293. (parseInt(appVersion)==4)) {
  294.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
  295. onresize=MM_reloadPage; }}
  296. else if (innerWidth!=document.MM_pgW || innerHeight!
  297. =document.MM_pgH) location.reload();
  298. }
  299. MM_reloadPage(true)
  300. function close_float_left(){
  301. myleft.style.visibility='hidden';
  302. }
  303. document.write("<div id=myleft style='position:
  304. absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>"
  305. +"<style>"
  306. +"A.closefloat:link,A.refloat:visited {text-
  307. decoration:none;color:#000000;font-size:12px}"
  308. +"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"
  309. +"</style>"
  310. +"<table border=0 cellpadding=0 cellspacing=0><tr><td>");
  311. if(document.ns){
  312. if(ad_float_left_type!="swf")
  313. document.write("<a href='" + ad_float_left_url + "' target
  314. = '_blank'><img src='" + ad_float_left_src + "' WIDTH=88
  315. height=31 border=0></a>");
  316. else
  317. document.write("<EMBED src='" + ad_float_left_src + "'
  318. quality=high   WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-
  319. flash' id=changhongout ></EMBED>");
  320. document.write("</td></tr><tr><td width=80 height=20
  321. align=right><a href='javascript:close_float_left();void(0);'
  322. class=closefloat><b><font color=#ff0000>关闭</font></b></a></td></tr>"
  323. +"</table>"
  324. +"</div>");
  325. myload()}

  326. 把上面的代码另存为一个*.JS文件,然后在想实现此效果的页面用
  327. <script   src="*.js"></SCRIPT>

  328. 调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!相应的参数可以根据页面自行调整。
复制代码
您需要登录后才可以回帖 登录 | 注册

本版积分规则

本站无意传播任何侵权软件与信息,部分资源为网友搜集或发布,仅供学习和研究使用,请支持正版。站内所发布的资源,如有侵犯你的权益,请联系我们,本站将立即改正或删除。

QQ|Archiver|手机版|小黑屋|联系我们|中华设计论坛 ( 苏ICP备20023187号-1

GMT+8, 2024-11-27 04:10

Powered by Discuz! X3.5

© 2006-2024 Daliang Team.

快速回复 返回顶部 返回列表