jQuery中的动态用户评级表

我需要意识到改变位置的效果，例如，如果一个人的分数增加，它会从第三名上升到第一名，第一名的人会移到第二名，依此类推。表格如下：

我只找到了一个插件，它的日期是2011年。 这通常是如何编码的？

我在这里找到了答案 其主要思想是将position:absolute设置为list items。在那之后，我更新了它们的等级和循环设置偏移量，顶部和左/右位置。 为了使位置的更改可见，我使用了transitionduration属性。 小提琴中的例子：

var播放器2；
var-timerId2；
var updateInterval2=1000；
函数下降2（a，b）{返回a.score”+
“+（i+1）+”“玩家2[i]。名称+”+
“+players2[i]。分数+”+
“”；
}否则{
var$item=$（“
”+
“+（i+1）+”“玩家2[i]。名称+”+
“+players2[i]。分数+”+
“
”；
}
players2[i]。$item=$item；
$list.append（$item）；
}
timerId2=setInterval（'updateBoard2（）；'，updateInterval2）；
2（）；
}
resetBoard2（）
.leaders{
位置：相对位置；
背景：rgba（0,0,0,5）；
}
.领导人表{
位置：相对位置；
显示：块；
宽度：300px；}
.李表{
背景：rgba（0,0,0,5）；
moz转换持续时间：1s；
webkit转换持续时间：1s；
-ms转换持续时间：1s；
过渡时间：1s；
显示：块；
列表样式：无；
位置：相对位置；
边缘底部：8px；
文本对齐：左对齐；
颜色：#afafaf；
宽度：149px；
高度：42px；
线高：42px；
字体大小：11px；}
.表李：最后一个孩子{
页边距底部：0；}
.leaders表li:第n个孩子（奇数）{
浮动：左；}
.leaders表li:n个孩子（偶数）{
float:right；}
.leaders表li.bg{
位置：绝对位置；
排名：0；
高度：42px；}
.leaders表li.name{
位置：相对位置；
z指数：2；
浮动：左；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
左侧填充：22px；
宽度：87px；
颜色：黑色；}
.领头羊表李.得分{
左边距：10px；
位置：相对位置；
z指数：2；
浮动：对；
宽度：49px；
字号：600；
文本转换：大写；
颜色：白色；}
.leaders表li.current-user.name{
颜色：#ff5300；}
.leaders表li.current-user.score{
颜色：#ff5300；}