0712-2888027 189-8648-0214
微信公眾號

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

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

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

時間:2018-03-27來源:風信網 點擊:
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();
        }
    });    
 
});
欄目列表
推薦內容
熱點內容
展開
博公司乐放6fu 遇乐棋牌app下载 26选5中5保5 6场半全场 广东棋牌麻将 欣悦吉林麻将 山西快乐十分的技巧 3d开奖号查询 河南11选5 山东麻将教学视频 街机千炮捕鱼破解版 上海快3精准计划app 青海十一选五基本走势图 大乐透出号走势图 贵州十一选五 波多野结衣番号 浙江6十1开奖号码查询