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 { 300px; overflow: hidden; border: 1px solid #ccc; background: #ccc; } .ver { height: 500px; 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>