Javascript 如何在引导中对表应用旋转木马效果？

我们可以通过向表中添加表响应类来使表可滚动，但我们如何循环它，以便在循环结束后，第一列将跟随最后一列，就像它是相邻的列一样。（当我们使用marquee时，这种情况不会发生）

我不确定这是否是您想要的，但这听起来像是一个很酷的想法。以下是我为“桌子上的旋转木马效应”所提出的建议（我想你是在问这个问题）。运行代码段以查看效果。您可能需要稍微更改css以获得无缝滚动效果

var$table=$（'.table-wrapper-table'）；
var leftTimeout，left=$（'.left'）；
函数scrollLeft（）{
$（'.table wrapper'）.scrollLeft（$（'.table wrapper'）.scrollLeft（）-50）；
$.each（$table.find（'tr'），function（）{
$（this）.children（）.last（）.detach（）.prependTo（this）；
});
}
left.mousedown（函数（）{
向左滚动（）；
leftTimeout=setInterval（函数（）{
向左滚动（）；
}, 500);
返回false；
});
$（文档）.mouseup（函数（）{
clearInterval（leftTimeout）；
返回false；
});
var rightimeout，right=$（'.right'）；
函数scrollRight（）{
$（'.table wrapper'）.scrollLeft（$（'.table wrapper'）.scrollLeft（）+50）；
$.each（$table.find（'tr'），function（）{
$（this）.children（）.first（）.detach（）.appendTo（this）；
});
}
right.mousedown（函数（）{
向右滚动（）；
leftTimeout=setInterval（函数（）{
向右滚动（）；
}, 500);
返回false；
});
$（文档）.mouseup（函数（）{
clearInterval（rightTimeout）；
返回false；
});
。表包装器
{    	
边框：1px纯红；
宽度：200px；
高度：150像素；
溢出：隐藏；
}
桌子
{
边框：1px纯黑；
右边距：20px；
}
运输署
{
最小宽度：50px；
高度：20px；
背景色：#ccc；
}

1h
2h
3h
4h
5h
6h
7小时
8h
9h
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
我不确定这是否是你想要的，但这听起来是个很酷的主意。以下是我为“桌子上的旋转木马效应”所提出的建议（我想你是在问这个问题）。运行代码段以查看效果。您可能需要稍微更改css以获得无缝滚动效果


var$table=$（'.table-wrapper-table'）；
var leftTimeout，left=$（'.left'）；
函数scrollLeft（）{
$（'.table wrapper'）.scrollLeft（$（'.table wrapper'）.scrollLeft（）-50）；
$.each（$table.find（'tr'），function（）{
$（this）.children（）.last（）.detach（）.prependTo（this）；
});
}
left.mousedown（函数（）{
向左滚动（）；
leftTimeout=setInterval（函数（）{
向左滚动（）；
}, 500);
返回false；
});
$（文档）.mouseup（函数（）{
clearInterval（leftTimeout）；
返回false；
});
var rightimeout，right=$（'.right'）；
函数scrollRight（）{
$（'.table wrapper'）.scrollLeft（$（'.table wrapper'）.scrollLeft（）+50）；
$.each（$table.find（'tr'），function（）{
$（this）.children（）.first（）.detach（）.appendTo（this）；
});
}
right.mousedown（函数（）{
向右滚动（）；
leftTimeout=setInterval（函数（）{
向右滚动（）；
}, 500);
返回false；
});
$（文档）.mouseup（函数（）{
clearInterval（rightTimeout）；
返回false；
});
。表包装器
{    	
边框：1px纯红；
宽度：200px；
高度：150像素；
溢出：隐藏；
}
桌子
{
边框：1px纯黑；
右边距：20px；
}
运输署
{
最小宽度：50px；
高度：20px；
背景色：#ccc；
}

1h
2h
3h
4h
5h
6h
7小时
8h
9h
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
1.
2.
3.
4.
5.
6.
7.
8.
9
你的意思是在滚动时冻结第一列并进行后续操作吗？对不起，不是。我的意思是我需要以循环的方式滚动整个列表，不能有任何延迟。@Shank我想他希望在桌面上出现“类似”旋转木马的效果。我相信bootstrap本身没有这个功能。也不确定是否有任何库能够做到这一点。尝试自己编写代码，如果需要帮助，请发布代码。你的意思是在滚动时冻结第一列并进行后续操作吗？对不起，不是。我的意思是我需要毫不延迟地循环滚动整个列表。@Shank我想他想要的是“像”桌子上的旋转木马效果。我相信引导本身没有这个功能。也不确定是否有任何库能够做到这一点。尝试自己编写代码，如果需要帮助，请发布代码。