<video id="h99qi"><ins id="h99qi"><span id="h99qi"></span></ins></video>

        <var id="h99qi"><td id="h99qi"></td></var>
        1. <acronym id="h99qi"></acronym>
          <wbr id="h99qi"><code id="h99qi"><span id="h99qi"></span></code></wbr>

          1. <var id="h99qi"><th id="h99qi"></th></var>
            0712-2888027 189-8648-0214
            微信公眾號

            孝感風信網絡科技有限公司微信公眾號

            當前位置:主頁 > 技術支持 > Javascript/JQuery > Jquery countUp.js數字變換和滾動事件監聽的實現代碼片段

            Jquery countUp.js數字變換和滾動事件監聽的實現代碼片段

            時間:2024-05-17來源:風信官網 點擊: 1122次
            Jquery countUp.js數字變換和滾動事件監聽的實現代碼片段,以下代碼為項目開發中的片段,實現方法思路僅供參考。

            $(function () {
                exposure._init();

                var videoNum = 0 || count.video;
                var teacherNum = 0 || count.teacher;
                var userNum = 0 || count.user;
                var csrfToken = $('meta[name="csrf-token"]').attr("content");
                //數字變換和滾動事件
                var options = {
                    useEasing: true,
                    useGrouping: true,
                    separator: '',
                    decimal: '.',
                    prefix: '',
                    suffix: ''
                };
                var countUp1 = new CountUp("videoNumSpan", 0, videoNum, 0, 2.5, options);
                var countUp2 = new CountUp("teacherNumSpan", 0, teacherNum, 0, 2.5, options);
                var countUp3 = new CountUp("userNumspan", 0, userNum, 0, 2.5, options);

                $(window).scroll(function () {
                    //數字開始滾動
                    if ($(window).scrollTop() >= jQuery("#videoNumSpan").offset().top - jQuery(window).height()) {
                        countUp1.start();
                        countUp2.start();
                        countUp3.start();
                    }
                });    
             
            });
            欄目列表
            推薦內容
            熱點內容
            展開
            亚洲精品在线视频_18禁无码毛片精品久久久久久_精品熟妇无码av免费久久_午夜福利片