怎么通过js设置div浮动层的相对位置

JavaScript07

怎么通过js设置div浮动层的相对位置,第1张

1、利用js代码首先创建一个div，document.createElement('div')2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。 3、确定位置之后，显示div即可。 示例：比如html中有一个文本输入框，...

var delta=0.15

var collection

function floaters() {

this.items = []

this.addItem = function(id,x,y,content)

{

document.write('<DIV id='+id+' style="Z-INDEX: 10POSITION: absolute width:80pxheight:60pxleft:'+(typeof(x)=='string'?eval(x):x)+'top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>')

var newItem= {}

newItem.object = document.getElementById(id)

newItem.x= x

newItem.y= y

this.items[this.items.length] = newItem

}

this.play = function()

{

collection= this.items

setInterval('play()',10)

}

}

function play()

{

for(var i=0i<collection.lengthi++)

{

var followObj = collection[i].object

var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x)

var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y)

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta

dx=(dx>0?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=(dy>0?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-112',230,'<a href=左链接地址 target=_blank><img src=左图片地址 border=0></a>')

theFloaters.addItem('followDiv2',12,230,'<a href=右链接地址 target=_blank><img src=右图片地址 border=0></a>')

theFloaters.play()

把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用 <SCRIPT src="*.js"></SCRIPT>

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。

这个是左右下角的浮动

http://www.weyanw.com