网站特效之数字滚动

发表日期:2022-03-28 文章编辑:洛壹网络 文章来源:深圳网站设计

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>数字滚动插件countUP</title>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.countup.min.js"></script>
    <script type="text/javascript" src="./js/jquery.waypoints.min.js"></script>
</head>
<body>
    <div class="timer">18362.86</div>
</body>
  <script type="text/javascript">
    
    // <!-- 简洁方式--页面DOM元素加载完毕之后,可以通过countUp()方法来初始化数字动画。-->
    $('.timer').countUp();
    //在初始化的时候传入配置参数。
    // $('.counter').countUp({
    // delay: 10,
    // time: 2000
    // });
  </script>
 
</html>

您的浏览器版本太低

请升级您的浏览器: Internet Explorer11 或以下浏览器: Firefox  /  Chrome  /  360极速浏览器