美文网首页
数字滚动效果

数字滚动效果

作者: 李奕锦liyijin | 来源:发表于2018-11-24 17:03 被阅读0次

    先上图看效果哈:


    image.png

    numberAnimate

    numberAnimate 是一款数据滚动组件,我是站在巨人的肩膀上进行制作,提高页面美观性 ,使页面更加绚丽。

    效果

    版本

    调用方式

    在html中引入jquery之后引入numberAnimate.js 完成之后即可直接使用

    <div class="numberRun1"></div> <br><br>
    
    <script type="text/javascript" src="../dest/script/jquery.min.js"></script>
    <script type="text/javascript" src="../dest/script/numberAnimate.js"></script>
    <script>
        $(".numberRun1").numberAnimate({num:'15342.10', pst:"%", dot:2, speed:2000, symbol:","});
    </script>
    

    相关文章

      网友评论

          本文标题:数字滚动效果

          本文链接:https://www.haomeiwen.com/subject/aujyqqtx.html