diff --git a/pages/tripartite/countup.html b/pages/tripartite/countup.html new file mode 100644 index 0000000..298eeb6 --- /dev/null +++ b/pages/tripartite/countup.html @@ -0,0 +1,115 @@ + + + + + 让数字动起来 + + + + + +
+
+

让数字动起来 countUp

+

1. 创建对象

+

2. 调用对象的start方法执行

+
+ 
+layui.use('countUp', function () {
+   var countUp = layui.countUp;
+   var count_up = new countUp({
+      target: $('#countUp1'),
+      startVal:5, //目标开始的值，默认值为0
+      endVal: 1000, //到达目标值,默认值为元素的值
+      decimals:2, //小数位数，默认值为0
+      duration: 5, //动画持续时间为秒，默认值为2
+   });
+   count_up.start();
+});
+
+
+
+
+
最简单的例子
+
+
+
+
+
+
+
+
指定延时动画
+
+
+
+
+
+
+
+
指定小数位数
+
+
+
+
+
+
+
+
随机数字
+
+
+
+
+
+
+
+ + + +