求js固定在顶部的悬浮广告代码 带关闭按钮的 希望代码能够详细一点 谢谢

JavaScript020

求js固定在顶部的悬浮广告代码 带关闭按钮的 希望代码能够详细一点 谢谢,第1张

<div style="width:100%height:100pxposition:fixed">

<button onclick="this.parentNode.parentNode.removeChild(this.parentNode)">关闭</button>

</div>

右下角漂浮广告代码使用方法(一)： 将以下代码以**.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)

}

<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>