您可以参考下：http://www.codefans.net/jscss/code/578.shtml，代码精简，不过一次只有漂一个。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
<title>JS漂浮图片，点击图片后会关闭</title><script language="JavaScript">
var Ymax=8
var Xmax=8
var Tmax=10000
var floatimages=new Array()
floatimages[0]='/images/logo.gif'
floatimages[1]='/jscss/demoimg/wall_s8.jpg'
var NS4 = (navigator.appName.indexOf("Netscape")>=0 &&parseFloat(navigator.appVersion) >= 4 &&parseFloat(navigator.appVersion) <5)? true : false
var IE4 = (document.all)? true : false
var NS6 = (parseFloat(navigator.appVersion) >= 5 &&navigator.appName.indexOf("Netscape")>=0 )? true: false
var wind_w, wind_h, t='', IDs=new Array()
for(i=0i<floatimages.lengthi++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolutevisibility:hiddenwidth:10pxheight:10px"><a href="javascript:hidebutterfly()">'
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0"/>'
t+=(NS4)? '</a></layer>':'</a></div>'
}
document.write(t)
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep)
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0
IDs[num].Xdir=Math.floor(Math.random()*2)>0
IDs[num].Ystep=Math.ceil(Math.random()*Ymax)
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax))
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset
if(IE4)return document.body.scrollLeft
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset
if(IE4)return document.body.scrollTop
}
function getid(name){
if(NS4)return document.layers[name]
if(IE4)return document.all[name]
if(NS6)return document.getElementById(name)
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y)
if(IE4 || NS6){
IDs[num].style.left=x+'px'
IDs[num].style.top=y+'px'
}}
function getidleft(num){
if(NS4)return IDs[num].left
if(IE4 || NS6)return parseInt(IDs[num].style.left)
}
function getidtop(num){
if(NS4)return IDs[num].top
if(IE4 || NS6)return parseInt(IDs[num].style.top)
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy)
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px'
IDs[num].style.top=(getidtop(num)+dy)+'px'
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth
if(IE4)return document.body.clientWidth
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight
if(IE4)return document.body.clientHeight
}
function init(){
wind_w=getwindowwidth()
wind_h=getwindowheight()
for(i=0i<floatimages.lengthi++){
IDs[i]=getid('pic'+i)
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width
IDs[i].H=IDs[i].document.images["p"+i].height
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width
IDs[i].H=document.images["p"+i].height
}
getnewprops(i)
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)))
if(NS4)IDs[i].visibility = "show"
if(IE4 || NS6)IDs[i].style.visibility = "visible"
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100)
}}
function hidebutterfly(){
for(i=0i<floatimages.lengthi++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
if (NS4||NS6||IE4){
window.onload=init
window.onresize=function(){ wind_w=getwindowwidth()wind_h=getwindowheight()}
}
</script>
我有 但是是左右2边的 你直接复制 然后放在JS文件里 lastScrollY = 0function heartBeat(){ var diffYif (document.documentElement &&document.documentElement.scrollTop) diffY = document.documentElement.scrollTopelse if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/} //alert(diffY)percent=.1*(diffY-lastScrollY)if(percent>0)percent=Math.ceil(percent)else percent=Math.floor(percent)document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px"document.getElementById("rightDiv").style.top = parseInt(document.getElementById("rightDiv").style.top)+percent+"px"lastScrollY=lastScrollY+percent//alert(lastScrollY)} //下面这段删除后，对联将不跟随屏幕而移动。 window.setInterval("heartBeat()",1)//-->//关闭按钮 function close_left1(){ // left1.style.visibility='hidden'left1.style.display='none'leftDiv.style.display='none'} function close_right1(){ //right1.style.visibility='hidden'right1.style.display='none'rightDiv.style.display='none'} //显示样式 document.writeln("<style type=\"text\/css\">")document.writeln("#leftDiv,#rightDiv{width:100pxheight:100pxbackground-color:#fffposition:absolute}")document.writeln(".itemFloat{width:100pxheight:autoline-height:5px}")document.writeln("<\/style>")//以下为主要内容 document.writeln("<div id=\"leftDiv\" style=\"top:40pxleft:5px\">")//------左侧各块开始 //---L1 document.writeln("<div id=\"left1\" class=\"itemFloat\">")document.writeln("<a href='freecalls_business.aspx'><img src=images\\index_ad_3_min.jpg width=100 height=300 /></a>")document.writeln("<br><a href=\"javascript:close_left1()\" title=\"关闭广告\">×<\/a><br><br><br><br>")document.writeln("<\/div>")//------左侧各块结束 document.writeln("<\/div>")document.writeln("<div id=\"rightDiv\" style=\"top:40pxright:5px\">")//------右侧各块结束 //---R1 document.writeln("<div id=\"right1\" class=\"itemFloat\">")document.writeln("<a href='huodong_kaixue.html'><img src=images\\index_ad_4_min.jpg width=100 height=300 /></a>")document.writeln("<br><a href=\"javascript:close_right1()\" title=\"关闭广告\">×<\/a><br><br><br><br>")document.writeln("<\/div>")//------右侧各块结束 document.writeln("<\/div>")记得采纳啊
