飘浮、对联及悬浮广告代码大全.doc

飘浮、对联及悬浮广告代码大全(2011-01-10 16:51:25) 转载标签： 飘浮对联悬浮广告代码大全分类： 技术文章 去过新浪或者搜狐吗？虽然我们都不愿意看广告，但是它们做广告的技术我们却应该学到手，这不，又一种很流行的做法儿，做成那种两边对称的对联式的广告，而最醒目的地方还有一个关闭的小按扭，这是不是比弹出的小广告更让人容易接受一些呢，你愿意看就看，不愿意看就点击那个按扭关掉，的确是比那种被人家3721或是其它IE插件拦截掉的小弹出广告效果和功能好了许多，而那个对联式广告中的关闭按扭的制作也是有一点学问的。我们姑且不论如何制作对联Flash广告，而主要讲一下那个广告里的小X（关闭按扭）的代码，以及和外部的接合。具体步骤如下：画一个小X式的图形，这应该不难吧？全部选中后，按下F8键转化成一个“按扭”组件，点击选中这个小按扭后，按下F9键打开动作面板，添加以下代码： on (release) getURL(FSCommand:, ); 就这么简单吗？对，在Flash里就是这么简单了，当然，还要在网页里做以下工作。这里我们多运用一些javascript的东西来做我们这个代码块儿移植性很好的对联。全部代码如下：居顶,不随下拉条滚动的广告代码duilian2.style.visibility=hidden;duilian3.style.visibility=hidden; function winload()duilian2.style.top=20;duilian2.style.left=5;duilian3.style.top=20;duilian3.style.right=5;/if(document.body.offsetWidth800)document.write(+);winload()/随下拉条滚动的广告代码AdLayer1.style.visibility=hidden;AdLayer2.style.visibility=hidden;function initEcAd() document.all.AdLayer1.style.posTop = -200;document.all.AdLayer1.style.visibility = visibledocument.all.AdLayer2.style.posTop = -200;document.all.AdLayer2.style.visibility = visibleMoveLeftLayer(AdLayer1);MoveRightLayer(AdLayer2);function MoveLeftLayer(layerName) var x = 5;var y = 50;var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;var y = document.body.scrollTop + y - diff;eval_r(document.all. + layerName + .style.posTop = y);eval_r(document.all. + layerName + .style.posLeft = x);setTimeout(MoveLeftLayer(AdLayer1);, 20);function MoveRightLayer(layerName) var x = 5;var y = 50;var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;var y = document.body.scrollTop + y - diff;eval_r(document.all. + layerName + .style.posTop = y);eval_r(document.all. + layerName + .style.posRight = x);setTimeout(MoveRightLayer(AdLayer2);, 20);document.write(+);initEcAd()或者：广告代码function initEcAd() document.all.AdLayer1.style.posTop = -200;document.all.AdLayer1.style.visibility = visibledocument.all.AdLayer2.style.posTop = -200;document.all.AdLayer2.style.visibility = visibleMoveLeftLayer(AdLayer1);MoveRightLayer(AdLayer2);function MoveLeftLayer(layerName) var x = 5;var y = 165 ;var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;var y = document.body.scrollTop + y - diff;eval_r(document.all. + layerName + .style.posTop = y);eval_r(document.all. + layerName + .style.posLeft = x);setTimeout(MoveLeftLayer(AdLayer1);, 20);function MoveRightLayer(layerName) var x = 5;var y = 165;var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;var y = document.body.scrollTop + y - diff;eval_r(document.all. + layerName + .style.posTop = y);eval_r(document.all. + layerName + .style.posRight = x);setTimeout(MoveRightLayer(AdLayer2);, 20);document.write(+);initEcAd()color=Whitecolor=Red把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面之间加上一列代码：/color/color程序代码AdLayer1.style.visibility=hidden;AdLayer2.style.visibility=hidden;程序代码duilian2.style.visibility=hidden;duilian3.style.visibility=hidden;function winload()duilian2.style.top=20;duilian2.style.left=5;duilian3.style.top=20;duilian3.style.right=5;/if(document.body.offsetWidth800)document.write(+);winload()/整个这一部分包含了两段JS代码块，从第一个看以看出是设置当对联Flash中发生事件眯FSCommand()时duilian2和duilian3的visibility（可见）属性为hidden（隐藏）。而第二段JS就是插入对联广告以及设置了一下对联在浏览器窗口中所出现的位置。把上边那段代码，插入到任何网页的之间，然后把那个对联Flash拷贝到和那网页同目录下，浏览就可以看到了，怎么样，是不是又感觉学会了一招儿？网页对联广告代码效果大全现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：程序代码var delta=0.015var collection;function floaters() this.items = ;this.addItem = function(id,x,y,content)document.write(+content+);var newItem = ;newItem.object = document.getElementByIdx_x_x_x_x(id);newItem.x = x;newItem.y = y;this.itemsthis.items.length = newItem;this.play = function()collection = this.itemssetInterval(play(),10);function play()if(screen.width=800)for(var i=0;icollection.length;i+)collectioni.object.style.display = none;return;for(var i=0;i0?1:-1)*Math.ceil(Math.abs(dx);followObj.style.left=followObj.offsetLeft+dx;if(followObj.offsetTop!=(document.body.scrollTop+followObj_y) var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;dy=(dy0?1:-1)*Math.ceil(Math.abs(dy);followObj.style.top=followObj.offsetTop+dy;followObj.style.display = ;var theFloaters = new floaters();theFloaters.addItem(followDiv1,document.body.clientWidth-100,0,);theFloaters.addItem(followDiv2,0,0,);theFloaters.play();把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可！注意修改广告图片地址和连接地址！鼠标感应与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：程序代码function bigshow()document.all.div_250.style.visibility = visible;document.all.div_80.style.visibility = hidden;function bighide()document.all.div_80.style.visibility = visible;document.all.div_250.style.visibility = hidden;var ad_80= new Array(1);var ad_250= new Array(1);ad_800=;ad_2500=;var imgheight;var fubioleft;window.screen.width800 ? fubioleft=15:fubioleft=15document.write();ad_now = new Date();ad_id= ad_now.getSeconds() %1var adhead1=;var adhead2=;/var adhead1=;/var adhead2=;document.write(adhead1+ad_80ad_id+adhead2+ad_250ad_id+);document.write ();self.onError=null;currentX = currentY = 0;whichIt = null;lastScrollX = 0; lastScrollY = 0;NS = (document.layers) ? 1 : 0;IE = (document.all) ? 1: 0;function heartBeat() if(IE) diffY = document.body.scrollTop;diffX = document.body.scrollLeft; if(NS) diffY = self.pageYOffset; diffX = self.pageXOffset; if(diffY != lastScrollY) percent = .5 * (diffY - lastScrollY);if(percent 0) percent = Math.ceil(percent);else percent = Math.floor(percent);if(IE) document.all.floater_left.style.pixelTop += percent;if(NS) document.floater_left.top += percent;lastScrollY = lastScrollY + percent;if(diffX != lastScrollX) percent = .5 * (diffX - lastScrollX);if(percent 0) percent = Math.ceil(percent);else percent = Math.floor(percent);if(IE) document.all.floater_left.style.pixelLeft += percent;if(NS) document.floater_left.left += percent;lastScrollX = lastScrollX + percent;if(NS IE) action = window.setInterval(heartBeat(),1);var ad_80= new Array(1);var ad_250= new Array(1);ad_800=;ad_2500=;var imgheight;var fubioleft;window.screen.width800 ? fubioleft=15:fubioleft=15document.write();ad_now = new Date();ad_id= ad_now.getSeconds() %1function myload()if (navigator.appName = Netscape)document.div_right_80.pageX=+windows.innerWidth-130;document.div_right_250.pageX=+windows.innerWidth-300;mymove();elsediv_right_80.style.left=document.body.offsetWidth-130;div_right_250.style.left=document.body.offsetWidth-300;mymove();function mymove()if(document.ns)document.div_right_80.left=pageXOffset+windows.innerWidth-130;document.div_right_250.left=pageXOffset+windows.innerWidth-300;setTimeout(mymove();,20)elsediv_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;setTimeout(mymove();,20)var adhead1=;var adhead2=;document.write(adhead1+ad_80ad_id+adhead2+ad_250ad_id+);myload()document.write ();self.onError=null;currentX_right = currentY_right = 0;whichIt_right = null;lastScrollX_right = 0; lastScrollY_right = 0;NS = (document.layers) ? 1 : 0;IE = (document.all) ? 1: 0;function heartBeat_right() if(IE) diffY_right = document.body.scrollTop;diffX_right = document.body.scrollLeft; if(NS) diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; if(diffY_right != lastScrollY_right) percent_right = .5 * (diffY_right - lastScrollY_right);if(percent_right 0) percent_right = Math.ceil(percent_right);else percent_right = Math.floor(percent_right);if(IE) document.all.floater_right.style.pixelTop += percent_right;if(NS) document.floater_right.top += percent_right;lastScrollY_right = lastScrollY_right + percent_right;if(diffX_right != lastScrollX_right) percent_right = .5 * (diffX_right - lastScrollX_right);if(percent_right 0) percent_right = Math.ceil(percent_right);else percent_right = Math.floor(percent_right);if(IE) document.all.floater_right.style.pixelLeft += percent_right;if(NS) document.floater_right.left += percent_right;lastScrollX_right = lastScrollX_right + percent_right;if(NS IE) action = window.setInterval(heartBeat_right(),1);function bigshow_right()document.all.div_right_250.style.visibility = visible;document.all.div_right_80.style.visibility = hidden;function bighide_right()document.all.div_right_80.style.visibility = visible;document.all.div_right_250.style.visibility = hidden;document.write();document.write();document.write();把上面的代码另存为一个JS文件，然后在想实现此效果的页面用程序代码调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：程序代码var delta=0.015;var collection;var closeB=false;function floaters() this.items = ;this.addItem = function(id,x,y,content)document.write(+content+);var newItem = ;newItem.object = document.getElementByIdx_x_x_x_x(id);newItem.x = x;newItem.y = y;this.itemsthis.items.length = newItem;this.play = function()collection = this.itemssetInterval(play(),30);function play()if(screen.width=800 closeB)for(var i=0;icollection.length;i+)collectioni.object.style.display = none;return;for(var i=0;i0?1:-1)*Math.ceil(Math.abs(dx);followObj.style.left=followObj.offsetLeft+dx;if(followObj.offsetTop!=(document.body.scrollTop+followObj_y) var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;dy=(dy0?1:-1)*Math.ceil(Math.abs(dy);followObj.style.top=followObj.offsetTop+dy;followObj.style.display = ;function closeBanner()closeB=true;return;var theFloaters = new floaters();/theFloaters.addItem(followDiv1,document.body.clientWidth-100,0,);theFloaters.addItem(followDiv2,0,0,);theFloaters.play();把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！浮动对联广告-之左侧代码如果您想只有一侧显示的话,下面是实现左侧效果所需代码：程序代码var ad_float_left_src =图片地址;var ad_float_left_url =地址;var ad_float_left_type = ;document.ns = navigator.appName = Microsoft Internet Explorervar imgheight_closevar imgleftwindow.screen.width800 ? imgheight_close=120:imgheight_close=120window.screen.width800 ? imgleft=8:imgleft=122function myload()myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;myleft.style.left=imgleft;leftmove();function leftmove()myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;myleft.style.left=imgleft;setTimeout(leftmove();,50)function MM_reloadPage(init) /reloads the window if Nav4resizedif (init=true) with (navigator) if (appName=Netscape)&(parseInt(appVersion)=4) document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;onresize=MM_reloadPage; else if (innerWidth!=document.MM_pgW innerHeight!=document.MM_pgH) location.reload();MM_reloadPage(true)function close_float_left()myleft.style.visibility=hidden;document.write(+A.closefloat:link,A.refloat:visited text-decoration:none;co