首页 > Web开发 > 详细

jquery.marquee

时间:2019-11-10 23:50:32      阅读:84      评论:0      收藏:0      [点我收藏+]

  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>

 

jquery.marquee

原文:https://www.cnblogs.com/hofmann/p/11832299.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!