(备注该代码的图片大小为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>