Jquery水平滚动字幕（marquee效果）

水平滚动字幕

html：

<div class="txt-scroll">
    <div class="scrollbox">
        <div class="txt"></div><!-- 滚动内容 -->
    </div>
</div>

css

.txt-scroll{
    
    width: 100%; 
    line-height: 1rem;
    height: 1rem;
    background-color: #CF2B18;
    color: #fff;
}
.txt-scroll .scrollbox{
    
    width: 100%; 
    white-space: nowrap; 
    overflow:hidden; 
    transition: all .2s;