延迟加载在JS中的动态效果实现
复制代码代码如下所示:$(函数(){())
对于(var i = 1;i < 6;i + +)
{
var a = $(#钟
$(#钟+我+)。Attr(oldheight
}
var = 0;定义一个值
interid = setInterval(showgao,30); / / setinerval加载每一30ms
showgao()函数
{
++;
对于(x=1;x<6;x + ++)
{
var b = $(#中X),Attr(oldheight );
如果(typeof(B)= =未定义=| | B!)
{
如果(E > B){ $(#中X。高度(B));}
别的{ $(#钟+ X + ),高度(E);}
}
}
如果(E = = 1000){ clearInterval(interid);}
}
});
再次查看HTML代码
复制代码代码如下所示:
实施的效果是这样的。我不知道您是否能理解,实际上,首先是设置列的高度,然后使用JS从0增加到最好。