网页常用JS代码-对联广告代码

标签：网页图像特效代码,网页特效代码下载,网页特效代码大全, 网页常用JS代码-对联广告代码,
<P>
<P>
<P>网页对联广告代码效果大全<BR>现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：</P>
<P><BR>var delta=0.015<BR>var collection;<BR>function floaters() {<BR>this.items = [];<BR>this.addItem = function(id,x,y,content)<BR>{<BR>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>');</P>
<P>var newItem = {};<BR>newItem.object = document.getElementById(id);<BR>newItem.x = x;<BR>newItem.y = y;</P>
<P>this.items[this.items.length] = newItem;<BR>}<BR>this.play = function()<BR>{<BR>collection = this.items<BR>setInterval('play()',10);<BR>}<BR>}<BR>function play()<BR>{<BR>if(screen.width<=800)<BR>{<BR>for(var i=0;i<collection.length;i++)<BR>{<BR>collection[i].object.style.display = 'none';<BR>}<BR>return;<BR>}<BR>for(var i=0;i<collection.length;i++)<BR>{<BR>var followObj = collection[i].object;<BR>var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);<BR>var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);</P>
<P>if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {<BR>var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;<BR>dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));<BR>followObj.style.left=followObj.offsetLeft+dx;<BR>}</P>
<P>if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {<BR>var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;<BR>dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));<BR>followObj.style.top=followObj.offsetTop+dy;<BR>}<BR>followObj.style.display = '';<BR>}<BR>} </P>
<P>var theFloaters = new floaters();<BR>theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>');<BR>theFloaters.addItem('followDiv2',0,0,'<br><a href=广告链接地址 target=_blank><img src=广告图片地址 width=100 height=400 border=0></a>');<BR>theFloaters.play(); <BR>把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可！注意修改广告图片地址和连接地址！ </P>
<P><BR>鼠标感应]</P>
<P>与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：</P>
<P><BR>function bigshow(){<BR>document.all.div_250.style.visibility = 'visible';<BR>document.all.div_80.style.visibility = 'hidden';<BR>}<BR>function bighide(){<BR>document.all.div_80.style.visibility = 'visible';<BR>document.all.div_250.style.visibility = 'hidden';<BR>}</P>
<P>var ad_80= new Array(1);<BR>var ad_250= new Array(1);</P>
<P>ad_80[0]="<a href=http://www.sina.com target=_blank><img skin/adv43/ad/ad_ad.gif border=0></a>";<BR>ad_250[0]="<a href=http://www.sina.com target=_blank><img skin/adv43/ad/ad_ad2.gif border=0></a>";</P>
<P>var imgheight;<BR>var fubioleft;<BR>window.screen.width>800 ? fubioleft=15:fubioleft=15</P>
<P>document.write('<DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px">');</P>
<P>ad_now = new Date();<BR>ad_id= ad_now.getSeconds() %1</P>
<P>
<P>var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();>";<BR>var adhead2="</div><div id=div_250 style='position:absolute; visibility: hidden; z-index:13;width: 80; height: 60' onMouseOut=bighide();>";</P>
<P>//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")'>";<BR>//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")'>";</P>
<P>document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div>");</P>
<P>
<P>document.write ("</div>");<BR>self.onError=null;<BR>currentX = currentY = 0; <BR>whichIt = null; <BR>lastScrollX = 0; lastScrollY = 0;<BR>NS = (document.layers) ? 1 : 0;<BR>IE = (document.all) ? 1: 0; <BR>function heartBeat() {<BR>if(IE) {<BR>diffY = document.body.scrollTop;<BR>diffX = document.body.scrollLeft; }<BR>if(NS) {<BR>diffY = self.pageYOffset; diffX = self.pageXOffset; }<BR>if(diffY != lastScrollY) {<BR>percent = .5 * (diffY - lastScrollY);<BR>if(percent > 0) percent = Math.ceil(percent);<BR>else percent = Math.floor(percent);<BR>if(IE) document.all.floater_left.style.pixelTop += percent;<BR>if(NS) document.floater_left.top += percent;<BR>lastScrollY = lastScrollY + percent;<BR>}<BR>if(diffX != lastScrollX) {<BR>percent = .5 * (diffX - lastScrollX);<BR>if(percent > 0) percent = Math.ceil(percent);<BR>else percent = Math.floor(percent);<BR>if(IE) document.all.floater_left.style.pixelLeft += percent;<BR>if(NS) document.floater_left.left += percent;<BR>lastScrollX = lastScrollX + percent;<BR>}<BR>}</P>
<P>if(NS IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);<BR>var ad_250= new Array(1);</P>
<P>ad_80[0]="<a href=http://www.sina.com target=_blank><img skin/adv43/ad/ad_ad.jpg border=0></a>";<BR>ad_250[0]="<a href=http://www.sina.com target=_blank><img skin/adv43/ad/ad_ad.jpg border=0></a>";</P>

上一页  [1] [2] [3] [4]  下一页

，网页常用JS代码-对联广告代码