动画方案 Lottie 学习（二）之实战

代码

$('.success-info-title').append('<p class="normal_finish" id="normal_finish_anima" > </p>');

var animaPaht = data.changeSkinFlag&&data.changeSkinFlag == 'midAutumnSkin' ? '/pay/js/biz/midAutumnNomrmalAnimaData.json': '/pay/js/biz/normalUserFinishAnimaData.json';

window.Ariel.JSLoader.load('/pay/js/biz/lottie_svg.js', function () {

var animation = bodymovin.loadAnimation({

container: document.getElementById('normal_finish_anima'),

renderer: 'svg',

loop: false,

autoplay: true,

path: animaPaht

});

　 setTimeout(function () { // 动画延迟播放

animation.play();

}, 200);

});

引入文件

注意

不能对已经存在的html添加lottie动画

巴特西

动画方案 Lottie 学习（二）之实战

代码

引入文件

注意

最新文章

热门文章