如何在每次调用函数时启动动画?

时间:2015-09-23 12:32:02

标签: javascript jquery tweenmax

我有以下功能,每次视频结束后都会调用。但是动画只在第一次调用函数时才起作用。每次调用函数时都有什么方法可以启动?我想说每次都会显示控制台日志消息。

function startResolveExp(){

    console.log('full panel video has ended');

    $('#resolve_exp_bg').fadeIn(3000);
    $('#resolve_exp_tt').fadeIn(3000);
    $('#resolve_exp_date').fadeIn(3000);
    $('#resolve_black_box').fadeOut(2500);
    $('#thumb_01').fadeIn(5000).animate({"top":"0px"},1500);
    $('#thumb_02').fadeIn(5000).animate({"top":"0px"},2000);
    $('#thumb_03').fadeIn(5000).animate({"top":"0px"},2500);

    TweenMax.to(exp_video_hldr, 0.4, { opacity:0, ease:Power1.easeInOut, onComplete:function () {exp_video_hldr.style.display = "none"} });
    resolve_exp.style.display = "block";
    TweenMax.to(resolve_exp, 0.2, { opacity:1, delay:0, ease:Power1.easeInOut});

    if(isFullscreen){
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen(); // Firefox
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen(); // IE
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen(); // Chrome and Safari
    }};

}

0 个答案:

没有答案