List text scrolls seamlessly

( explain : Province 、 full name 、 Gender is random )

<!--  Collect news  -->
<div class="dynamic">
    <div class="activity" id="J_Activity">
        <ul>
            <!-- <li > From Hunan Province ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Jiangxi Province ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Inner Mongolia forest ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Jiangsu ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Jiangsu ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Jiangsu ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Jiangsu ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Jiangsu ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Jiangsu ** Lady, success   Get a multifunctional breakfast ~</li>
        <li> From Jiangsu ** Lady, success   Get a multifunctional breakfast ~</li> -->
        </ul>
    </div>
</div>
.dynamic {
    width: 100%;
    height: 3.23rem;
    background-color: #ffdb7a;
    border-radius: .2rem;
    margin: .76rem 0 .74rem;
    position: relative;
    padding-top: .67rem;
    //  title
    &::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -50%);
        width: 2.44rem;
        height: .63rem;
        background: url(../images/tit.png) no-repeat;
        background-size: cover;
    }
}
/* Winning list - Roll seamlessly */
.activity {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 140px;
}
.activity ul {
    top: -15px;
    position: relative;
}
.activity li {
    height: 34px;
    padding: 0;
    font-size: 14px;
    line-height: 34px;
    color: #ac6a00;
    text-align: center;
}
 var xing_str = ' Zhao Qian Sun Li Zhou Wu Zheng Wang Feng Chen Chu Wei Jiang Shen Han Yang Zhu Qin you Xu He LV Shi Zhang Kong Cao Yan Hua Jin Wei Tao Jiang Qi Xie Zou Yu Bai Shui Dou Zhang   Yunsu Pange   Xi fan Peng Lang   Changluwei   Miao Fenghua Fang   Yu Ren, Yuan Liu   Feng Bao Shi Tang   Fei liancenxue   Lei he Ni Tang   Teng Yin Robbie   Hao Wu An, Chang Le, Fu PI Bian, Qi Kang, Wu Yu, Yuan Bu, Gu Meng Ping, Huang and Mu Xiao, Yin Yao, Shao Shu, Wang Qi, Mao Yu, di MI, Bei Ming, Zang Ji, Fu Fu Cheng and Dai talked about song Mao Pang Xiong Ji, Qu Xiang and Zhu Dong Du Ruan ';
        var sex_arr = [" sir ", " ma'am "];
        var sheng_str = ' Hebei Province 、 Shanxi Province 、 Liaoning Province 、 Jilin Province 、 Heilongjiang Province 、 Jiangsu Province 、 Zhejiang Province 、 Anhui Province 、 Fujian Province 、 Jiangxi Province 、 Shandong Province 、 Henan province 、 Hubei province 、 Hunan province 、 Guangdong province, 、 Hainan 、 Sichuan Province 、 Guizhou Province 、 Yunnan Province 、 Shaanxi Province 、 Gansu Province 、 Qinghai Province ';
        for (var i = 0; i < 100; i++) {
            var xing = xing_str.split('')[Math.floor(Math.random() * xing_str.split('').length)];
            var sex = sex_arr[Math.floor(Math.random() * sex_arr.length)];
            var sheng = sheng_str.split('、')[Math.floor(Math.random() * sheng_str.split('、').length)];
            var html = " come from " + sheng + " Of " + xing + "**" + sex + " success   Get a multifunctional breakfast ~";
            $("#J_Activity ul").append("<li>" + html + "</li>");
        }
        //  The winners - Roll seamlessly
        $(function () {
            var listPanel = $('.activity ul');
            var nubcers = 0;// Scroll up top value
            function up() {// Scroll up
                listPanel.animate({// The winning result
                    'top': (nubcers - 35) + 'px'
                }, 1500, 'linear', function () {
                    listPanel.css({ 'top': '0px' })
                        .find("li:first").appendTo(listPanel);
                    up();
                });
            }
            up();
        });

Easy to understand text effects