求一个右下角的漂浮广告代码？

JavaScript013

求一个右下角的漂浮广告代码？,第1张

右下角漂浮广告代码使用方法(一)： 将以下代码以**.js文件形式保存，在模板中调用这个js文件即可

（备注该代码的图片大小为250*150 代码里面有参数自己看下就知道了）document.writeln("<div id=\"qqaddiv\" style=\"position:absolutez-index: 100\">")

document.writeln("<a href=链接地址 target=_blank><img src=图片链接地址 border=0></a>")

document.writeln("</div>")

var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body

var adst = document.getElementById("qqaddiv").style

adst.top = ( bodyfrm.clientHeight - 150 ) + "px"

adst.left = ( bodyfrm.clientWidth - 250 ) + "px"

function moveR() {

adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 150 ) + "px"

adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 250 ) + "px"

}

setInterval("moveR()", 80) 右下角漂浮广告代码使用方法(二)： var qq_etewidth = 259

var qq_eteheight = 158

var qq_banner_filename = "广告图片链接地址"

var qq_gotoUrl = '广告链接地址'document.write("<div id=eteUnionUpFloat style='margin:0pxpadding-bottom:300pxz-index: 10position:absolutewidth:"+qq_etewidth+"pxheight:"+qq_eteheight+"px'>")

document.write("<a href='"+qq_gotoUrl+"' target='_blank'><img src='"+qq_banner_filename+"' border='0' style='cursor: hand' width='"+qq_etewidth+"' height='"+qq_eteheight+"'></a>")

document.write("</div>")

var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body

var adst = document.getElementById("eteUnionUpFloat").style

adst.top = ( bodyfrm.clientHeight - qq_eteheight ) + "px"

adst.left = ( bodyfrm.clientWidth - qq_etewidth ) + "px"

function moveR() {

adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - qq_eteheight ) + "px"

adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - qq_etewidth ) + "px"

}

var objTimer=setInterval("moveR()", 100)function CloseX(){

adst.display='none'

}function ete_closediv()

{

document.getElementById('eteUnionUpFloat').style.visibility='hidden'

if(objTimer) window.clearInterval(objTimer)

}

<title>JS浮动广告</title> 

<style type="text/css"> 

img{border:0} 

</style> 

<SCRIPT type=text/javascript> 

function addEvent(obj,evtType,func,cap){ 

cap=cap||false 

if(obj.addEventListener){ 

obj.addEventListener(evtType,func,cap) 

return true 

}else if(obj.attachEvent){ 

if(cap){ 

obj.setCapture() 

return true 

}else{ 

return obj.attachEvent("on" + evtType,func) 

} 

}else{ 

return false 

} 

} 

function getPageScroll(){ 

var xScroll,yScroll 

if (self.pageXOffset) { 

xScroll = self.pageXOffset 

} else if (document.documentElement && document.documentElement.scrollLeft){ 

xScroll = document.documentElement.scrollLeft 

} else if (document.body) { 

xScroll = document.body.scrollLeft 

} 

if (self.pageYOffset) { 

yScroll = self.pageYOffset 

} else if (document.documentElement && document.documentElement.scrollTop){ 

yScroll = document.documentElement.scrollTop 

} else if (document.body) { 

yScroll = document.body.scrollTop 

} 

arrayPageScroll = new Array(xScroll,yScroll) 

return arrayPageScroll 

} 

function GetPageSize(){ 

var xScroll, yScroll 

if (window.innerHeight && window.scrollMaxY) { 

xScroll = document.body.scrollWidth 

yScroll = window.innerHeight + window.scrollMaxY 

} else if (document.body.scrollHeight > document.body.offsetHeight){ 

xScroll = document.body.scrollWidth 

yScroll = document.body.scrollHeight 

} else { 

xScroll = document.body.offsetWidth 

yScroll = document.body.offsetHeight 

} 

var windowWidth, windowHeight 

if (self.innerHeight) { 

windowWidth = self.innerWidth 

windowHeight = self.innerHeight 

} else if (document.documentElement && document.documentElement.clientHeight) { 

windowWidth = document.documentElement.clientWidth 

windowHeight = document.documentElement.clientHeight 

} else if (document.body) { 

windowWidth = document.body.clientWidth 

windowHeight = document.body.clientHeight 

} 

if(yScroll < windowHeight){ 

pageHeight = windowHeight 

} else { 

pageHeight = yScroll 

} 

if(xScroll < windowWidth){ 

pageWidth = windowWidth 

} else { 

pageWidth = xScroll 

} 

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 

return arrayPageSize 

} 

var AdMoveConfig=new Object() 

AdMoveConfig.IsInitialized=false 

AdMoveConfig.ScrollX=0 

AdMoveConfig.ScrollY=0 

AdMoveConfig.MoveWidth=0 

AdMoveConfig.MoveHeight=0 

AdMoveConfig.Resize=function(){ 

var winsize=GetPageSize() 

AdMoveConfig.MoveWidth=winsize[2] 

AdMoveConfig.MoveHeight=winsize[3] 

AdMoveConfig.Scroll() 

} 

AdMoveConfig.Scroll=function(){ 

var winscroll=getPageScroll() 

AdMoveConfig.ScrollX=winscroll[0] 

AdMoveConfig.ScrollY=winscroll[1] 

} 

addEvent(window,"resize",AdMoveConfig.Resize) 

addEvent(window,"scroll",AdMoveConfig.Scroll) 

function AdMove(id){ 

if(!AdMoveConfig.IsInitialized){ 

AdMoveConfig.Resize() 

AdMoveConfig.IsInitialized=true 

} 

var obj=document.getElementById(id) 

obj.style.position="absolute" 

var W=AdMoveConfig.MoveWidth-obj.offsetWidth 

var H=AdMoveConfig.MoveHeight-obj.offsetHeight 

var x = W*Math.random(),y = H*Math.random() 

var rad=(Math.random()+1)*Math.PI/6 

var kx=Math.sin(rad),ky=Math.cos(rad) 

var dirx = (Math.random()<0.5?1:-1), diry = (Math.random()<0.5?1:-1) 

var step = 1 

var interval 

this.SetLocation=function(vx,vy){x=vxy=vy} 

this.SetDirection=function(vx,vy){dirx=vxdiry=vy} 

obj.CustomMethod=function(){ 

obj.style.left = (x + AdMoveConfig.ScrollX) + "px" 

obj.style.top = (y + AdMoveConfig.ScrollY) + "px" 

rad=(Math.random()+1)*Math.PI/6 

W=AdMoveConfig.MoveWidth-obj.offsetWidth 

H=AdMoveConfig.MoveHeight-obj.offsetHeight 

x = x + step*kx*dirx 

if (x < 0){dirx = 1x = 0kx=Math.sin(rad)ky=Math.cos(rad)} 

if (x > W){dirx = -1x = Wkx=Math.sin(rad)ky=Math.cos(rad)} 

y = y + step*ky*diry 

if (y < 0){diry = 1y = 0kx=Math.sin(rad)ky=Math.cos(rad)} 

if (y > H){diry = -1y = Hkx=Math.sin(rad)ky=Math.cos(rad)} 

} 

this.Run=function(){ 

var delay = 10 

interval=setInterval(obj.CustomMethod,delay) 

obj.onmouseover=function(){clearInterval(interval)} 

obj.onmouseout=function(){interval=setInterval(obj.CustomMethod, delay)} 

} 

} 

</SCRIPT> 

<DIV id=ad1 style="Z-INDEX: 5"> 

<!--漂浮开始--> 

<A href="http://wh.vanke.com/Art" 

target=_blank><IMG src="http://file.ynet.com/2/1506/08/10134766-500.jpg"></A> 

<!--漂浮结束--> 

</DIV> 

<SCRIPT type=text/javascript><!-- 

var ad1=new AdMove("ad1") 

ad1.Run() 

        //多组漂浮 

        //var ad1=new AdMove("ad2") 

//ad2.Run() 

//--> 

</SCRIPT>

<script type="text/javascript">

function hidead()

{document.getElementById("ad").style.display="none"}

</script>

<div id="ad" style="position:absolute">

<!--放广告代码--><DIV onClick="hidead()" style="FONT-SIZE: 9ptCURSOR: hand" align=right>关闭广告×</DIV></div>

<script>

var x = 80,y = 80

var xin = true, yin = true

var step = 1

var delay = 1

var obj=document.getElementById("ad")

function floatAD() {

var L=T=0

var R= document.body.clientWidth-obj.offsetWidth

var B = document.body.clientHeight-obj.offsetHeight

obj.style.left = x + document.body.scrollLeft

obj.style.top = y + document.body.scrollTop

x = x + step*(xin?1:-1)

if (x <L) { xin = truex = L}

if (x >R){ xin = falsex = R}

y = y + step*(yin?1:-1)

if (y <T) { yin = truey = T }

if (y >B) { yin = falsey = B }

}

var itl= setInterval("floatAD()", delay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

</script>