From 4f9527d79546ea43daad0464aa3b4da2a3f5195c Mon Sep 17 00:00:00 2001 From: zhizou Date: Mon, 29 Jul 2019 10:06:08 +0800 Subject: [PATCH] add: countUp library --- pages/tripartite/countup.html | 115 ++++++++++++++++++++++++++++++++++ 1 file changed, 115 insertions(+) create mode 100644 pages/tripartite/countup.html 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();
+});
+
+
+
+
+
最简单的例子
+
+
+
+
+
+
+
+
指定延时动画
+
+
+
+
+
+
+
+
指定小数位数
+
+
+
+
+
+
+
+
随机数字
+
+
+
+
+
+
+
+ + + +