用js实现图片浮动效果的方法
本文介绍了用JS实现图片浮动效果的方法，供大家参考，具体分析如下：描述：打开页面，查看浮动图片中没有停止，单击连接到其他页面；重点放在效果上！
复制代码代码如下所示：
测试
#所有{宽度：100%；高度：3000px；}
<！——开始
VaR document.body.clientwidth窗口= 20；
VaR ypos = document.body.clientheight / 2；
var步骤= 1；
var延迟= 10；
var高度= 0；
var hoffset = 0；
无功woffset = 0；
var = 0；
VaR XON = 0；
var =真；
VaR区间；
img.style.top = ypos；
功能changepos（）{
宽度= document.body.clientwidth；
高度= document.body.clientheight；
hoffset = img.offsetheight；
woffset = img.offsetwidth；
img.style.left =窗口+ document.body.scrollleft；
img.style.top = ypos + document.body.scrolltop；
如果（{）{
ypos = ypos +步；
{人}
ypos = ypos步；
}
如果（ypos＜0）{
= 1；
ypos = 0；
}
如果（ypos =（高Hoffset））{
= 0；
ypos =（高Hoffset）；
}
如果（XON）{
窗口窗口= +；
{人}
窗口窗口步骤=；
}
如果（窗口> 0）{
XON = 1；
窗口= 0；
}
如果（窗口=（宽Woffset））{
XON = 0；
窗口=（宽woffset）；
}
}
函数开始（）{
img.visibility =可见；
区间= setInterval（）'，'changepos（延迟）；
}
功能pause_resume（）{
如果（暂停）{
ClearInterval（间隔）；
暂停=假；
{人}
Interval = setInterval ('changePos () ', delay);
暂停=真；
}
}
开始（）；
/结束/
希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。