js实现地板效果的一个简单例子

今天我写一个地板效果，有点烦躁，小地方出错。所有的神都不修改它！！！

地板开关

*填充：0；边距：0；}
李{列表样式：无；}
img {宽度。主要850px；身高：700px；浮动：左；}
。标题{宽度：850px；身高：50px；文本对齐：中心；线高度：50px；}
。地板{位置：固定；顶部：20px；右：20px；显示：无；}
。地板的ul {宽度：70px；身高：30px；文本对齐：中心；线高度：30px；鼠标手；
背景颜色：红色。listyle {；}
加载后台：URL（）不加载中心；}
#回来{光标：手；鼠标指针；}

图片欣赏


第一
二
第三
第四
第五
第六
第七
第八
第九
第十

回到顶端VaR主要= document.getelementbyid（主要）；
VaR地板= document.getelementbyid（地板）；
var =形象main.getelementsbytagname（IMG）；
无功floorul = document.getelementbyid（floorul ）；
Var Li = floorul.getelementsbytagname（礼）；
VaR模型后= document.getelementbyid（背）；
在window.onload = window.onscroll =函数（）{（）
VaR scrollTop = document.documentelement.scrolltop document.body.scrolltop | |；
VaR高度= document.documentelement.clientheight document.body.clientheight | |；
对于（var i = 0；i < image.length；i++）{
图像{我}。类名=加载；
如果（延迟（图像{我}）。顶< scrollTop +高）{
图像{我}，{我} src=图像对象（）；
}
}
如果（scrollTop =图像{ 0 }。offsettop）{
floor.style.display =块；
{ }人
floor.style.display =没有；
}
var = 0；
对于（var i = 0；i < image.length；i++）{
如果（scrollTop =图像{我}。offsettop）{
数字= i；
}
李{我} classname = ；
}
李{数量}。类名=listyle ；
对于（var i = 0；i < li.length；i++）{
李{我}。onclick =函数（）{
对于（var j = 0；J < li.length；j++）{
如果（此= Li = { }）{
document.documentelement.scrolltop =图像{ } offsettop J；
document.body.scrolltop =图像{ } offsettop J；
}
}
}
}
}
var时间=空；
back.onclick =函数（）{
函数返回（）{
VaR SS = document.documentelement.scrolltop document.body.scrolltop | |；
SS = 50；
document.documentelement.scrolltop = SS；
document.body.scrolltop = SS；
如果（SS < = 0）{
ClearInterval（时间）；
}
}
时间= setInterval（，1）；
}
功能延迟（obj）{
var l＝0；
var = 0；
而（obj）{
L = L + obj.offsetleft；
T = T + obj.offsettop；
obj = obj.offsetparent；
}
返回左：L，顶部：T }；
}
上面的JS是一个简单的地板效应的例子，是由萧边。我们希望能给你一个参考，希望你能支持它。