网页图片浮动效果示例代码

复制代码代码如下所示：


函数AddEvent（obj，evttype，func，CAP）{
Cap =盖假| |；
如果（obj。addEventListener）{
Obj.addEventListener（evttype，func，CAP）；
返回true；
else if（obj。attachevent）{ }
如果（CAP）{
Obj.setCapture（）；
返回true；
{人}
返回obj.attachevent（+ evttype，功能）；
}
{人}
返回false；
}
}
功能getpagescroll（）{
VaR的黑旋风，yscroll；
如果（自我。pagexoffset）{
黑旋风= self.pagexoffset；
} else if（document.documentelement文档。文档元素}。scrollLeft）{
黑旋风= document.documentelement.scrollleft；
否则如果（文档体）{ }
黑旋风= document.body.scrollleft；
}
如果（自我。pageyoffset）{
yscroll = self.pageyoffset；
} else if（document.documentelement文档。文档元素}。scrollTop）{
yscroll = document.documentelement.scrolltop；
否则如果（文档体）{ }
yscroll = document.body.scrolltop；
}
arraypagescroll =新的数组（黑旋风，yscroll）；
返回arraypagescroll；
}
功能getpagesize（）{
VaR的黑旋风，yscroll；
如果（window.innerheight窗口。scrollmaxy）{
黑旋风= document.body.scrollwidth；
yscroll = window.innerheight + window.scrollmaxy；
如果别人}（document.body.scrollheight >文档。身体。offsetheight）{
黑旋风= document.body.scrollwidth；
yscroll = document.body.scrollheight；
{人}
黑旋风= document.body.offsetwidth；
yscroll = document.body.offsetheight；
}
VaR WindowWidth，windowheight；
如果（自我。innerheight）{
self.innerwidth WindowWidth =；
windowheight = self.innerheight；
} else if（document.documentelement文档。文档元素}。自己）{
document.documentelement.clientwidth WindowWidth =；
windowheight = document.documentelement.clientheight；
否则如果（文档体）{ }
document.body.clientwidth WindowWidth =；
windowheight = document.body.clientheight；
}
如果（yscroll < windowheight）{
pageheight = windowheight；
{人}
pageheight = yscroll；
}
如果（黑旋风< WindowWidth）{
纸宽= WindowWidth；
{人}
纸宽=黑旋风；
}
arraypagesize =新的数组（页宽，pageheight，WindowWidth，windowheight）
返回arraypagesize；
}

无功admoveconfig =新的对象（）；
admoveconfig.isinitialized = false；
admoveconfig.scrollx = 0；
admoveconfig.scrolly = 0；
admoveconfig.movewidth = 0；
admoveconfig.moveheight = 0；
（admoveconfig.resize =功能）{
var winSize = getpagesize（）；
admoveconfig.movewidth = winSize { 2 }；
admoveconfig.moveheight = winSize { 3 }；
admoveconfig滚动（）；
}
（admoveconfig.scroll =功能）{
无功winscroll = getpagescroll（）；
admoveconfig.scrollx = winscroll { 0 }；
admoveconfig.scrolly = winscroll { 1 }；
}
AddEvent（窗口，调整
AddEvent（窗口，滚动
功能admove（ID）{
如果（！admoveconfig。IsInitialized）{
admoveconfig调整（）；
admoveconfig.isinitialized =真；
}
var obj = document.getelementbyid（ID）；
obj.style.position =绝对；
无功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·迪尔克斯=（Math.random（）＜0.51：1），日记=（Math.random（）<< 0.51 - 1）；
var步骤= 1；
VaR区间；
this.setlocation =功能（VX，VY）{ x = VX；y = vy；}
this.setdirection =功能（VX，VY）{·迪尔克斯= VX；日记= vy；}
obj.custommethod =函数（）{
obj.style.left =（X + admoveconfig。scrollx）+PX；
obj.style.top =（Y + admoveconfig。scrolly）+PX；
拉德=（Math.random（）+ 1）* math.pi / 6；
W = admoveconfig.movewidth - obj.offsetwidth；
H = admoveconfig.moveheight - obj.offsetheight；
x = x +步* *·迪尔克斯KX；
如果（x＜0）{·迪尔克斯= 1；x = 0；KX = math.sin（RAD）；KY = math.cos（RAD）；}
如果（x > W）{·迪尔克斯= 1；X = W；KX = math.sin（RAD）；KY = Math.cos（）；}
Y = y +步×KY *日记；
如果（y＜0）{日记= 1；y = 0；KX = math.sin（RAD）；KY = math.cos（RAD）；}
如果（y > H）{日记= 1；y = h；KX = Math.sin（RAD）；KY = Math.cos（）；}
}
这个函数= {函数（）{
var延迟= 10；
区间= setInterval（obj.custommethod，延迟）；
obj.onmouseover =函数（）{ clearInterval（间隔）；}
obj.onmouseout =函数（）{区间= setInterval（obj.custommethod，延迟）；}
}
}









VaR AD2 =新admove（AD2）；
AD2运行（）；
多组浮动