jquery.marquee

　　http://aamirafridi.com/jquery/jquery-marquee-plugin#examples

    <script src="/plugins/marquee/js/jquery.marquee.min.js"></script>
    <script src="/plugins/marquee/js/jquery.pause.js"></script>
    <script src="/plugins/marquee/js/jquery.easing.min.js"></script>

 

    <style type="text/css">
        .marquee {
            width: 300px;
            overflow: hidden;
            border: 1px solid #ccc;
            background: #ccc;
        }
        .ver {
            height: 500px;
            width: 90%;
        }
    </style>

    <div class="marquee ver" data-direction='up' data-duration='1000' data-pauseonhover="true">jQuery marquee is the best marquee plugin in the world.  </div>

 

    <script>
        $(document).ready(function () {
            $('.marquee').marquee();
        });
    </script>

 另一个插件jQuery.liMarquee

    <link href="/plugins/jQueryliMarquee/css/default.css" rel="stylesheet" />
    <link href="/plugins/jQueryliMarquee/css/liMarquee.css" rel="stylesheet" />
    <script src="/jquery-3.3.1.min.js"></script>
    <script src="/plugins/jQueryliMarquee/js/jquery.liMarquee.js"></script>
    <script>
            window.onload = function () {
                waterFall();

                $('.box').liMarquee({
                    direction: 'up'
                });
                //$(".box").marquee();
            }
    </script>