
2、在效祥锋搜果中找到表达式控制,滑块控制。
3、将“滑块控制”添加至数字谨历文本图层。
4、按alt点开“源文本”前面的小码表。
5、将“表达式关联器”基芦关联至“滑块”。
6、为滑块制作关键帧动画,即可。
数字实现滚动的效果<span id="num1">1000</span>
<script src="https://cdn.bootcss.com/countup.js/1.9.3/countUp.js"></script>
<script type="text/javascript">
var options = {
useEasing: true,
useGrouping: true,
separator: ',',
decimal: '.'腔销世斗前,
}
var num1 = new CountUp('num1', 0, 1000, 0, 2.5, options)
if (!num1.error) {
num1.start()
} else {
console.error(num1.error)
}
</script>
//num1:目标元素的ID
//0:伍肢滚动开始的数字
//100:滚动结束的数字
//2.5 :完成整个效果的时间
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)