<script src=http://www.mamicode.com/"/plugins/marquee/js/jquery.marquee.min.js"></script> <script src=http://www.mamicode.com/"/plugins/marquee/js/jquery.pause.js"></script> <script src=http://www.mamicode.com/"/plugins/marquee/js/jquery.easing.min.js"></script>

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

<div class=http://www.mamicode.com/"marquee ver" data-direction=http://www.mamicode.com/‘up‘ data-duration=http://www.mamicode.com/‘1000‘ data-pauseonhover=http://www.mamicode.com/"true">jQuery marquee is the best marquee plugin in the world. </div>

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

另一个插件jQuery.liMarquee

<link href=http://www.mamicode.com/"/plugins/jQueryliMarquee/css/default.css" rel=http://www.mamicode.com/"stylesheet" /> <link href=http://www.mamicode.com/"/plugins/jQueryliMarquee/css/liMarquee.css" rel=http://www.mamicode.com/"stylesheet" /> <script src=http://www.mamicode.com/"/jquery-3.3.1.min.js"></script> <script src=http://www.mamicode.com/"/plugins/jQueryliMarquee/js/jquery.liMarquee.js"></script> <script> window.onload =http://www.mamicode.com/ function () { waterFall(); $(‘.box‘).liMarquee({ direction: ‘up‘ }); //$(".box").marquee(); } </script>