怎么样实现网页上有两个漂浮窗口

Question

用两个层不就行了吗
<div id=div01 style="position:absolute; left:0; top:0; width:100px;">第一个层</div>
<div id=div02 style="position:absolute; left:768; top:0; width:100px;">第二个层</div>

Answer 1

<div id="ad" style="position:absolute">
<a href="/Info/74537">
<img src="/cj-pension/images/080723shtht.gif" border="0">
</a></div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1 
var delay = 10
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 = true; x = L} 
if (x > R){ xin = false; x = R} 
y = y + step*(yin?1:-1) 
if (y < T) { yin = true; y = T } 
if (y > B) { yin = false; y = B } 
}
var itl= setInterval("floatAD()", delay) 
obj.onmouseover=function(){clearInterval(itl)} 
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>
<div id="ad2" style="position:absolute">
<a href="/Info/76026">
<img src="/cj-pension/images/080723shcbl.gif" border="0">
</a></div>
<script>
var x2 = document.body.clientWidth,y2 = 60
var xin2 = true, yin2 = true
var step2 = 1 
var delay2 = 10
var obj2=document.getElementById("ad2") 
function floatAD2() {
var L=T=0
var R= document.body.clientWidth-obj2.offsetWidth
var B = document.body.clientHeight-obj2.offsetHeight
obj2.style.left = x2 + document.body.scrollLeft
obj2.style.top = y2 + document.body.scrollTop
x2 = x2 + step2*(xin2?1:-1) 
if (x2 < L) { xin2 = true; x2 = L} 
if (x2 > R){ xin2 = false; x2 = R} 
y2 = y2 + step2*(yin2?1:-1) 
if (y2 < T) { yin2 = true; y2 = T } 
if (y2 > B) { yin2 = false; y2 = B } 
}
var it2= setInterval("floatAD2()", delay2) 
obj2.onmouseover=function(){clearInterval(it2)} 
obj2.onmouseout=function(){it2=setInterval("floatAD2()", delay2)}
</script>你帮这个代码房子jsp上面就可以了，你试试看

Answer 2

我现在用的下面这个代码，可以实现一个漂浮窗口，再加一个就乱了<div id="ad" style="position:absolute"> 
<a href="http://xu-ni.net" target="_blank"> 
<img src="http://xu-ni.net/bbs/skins/copyright.gif" border="0"> 
</a></div> 
<script> 
var x = 50,y = 60 
var xin = true, yin = true 
var step = 1 
var delay = 10 
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 = true; x = L} 
if (x > R){ xin = false; x = R} 
y = y + step*(yin?1:-1) 
if (y < T) { yin = true; y = T } 
if (y > B) { yin = false; y = B } 
} 
var itl= setInterval("floatAD()", delay) 
obj.onmouseover=function(){clearInterval(itl)} 
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)} 
</script> 

Answer 3

要的就是ocean_958给的代码效果，谢谢了

Answer 4

如果移动到话就要用点代码了：
更改id 的样式属性 left和top
下面是一个对联的 http://www.bjjxd.com 这个网站是我做的主页里面有几个浮动的脚本 你查看先源文件，

Answer 5

没想到这个时候还能挖坟回复,ocean_958的回复有用