Div中的Jquery动画值

Question

我想在div内动画<p> value </p>动画（幻灯片）并在此图像中淡出

 https://i.stack.imgur.com/9bqrd.png

Onclick得分值飞逝并淡出

我的div就像这样

<div id="cursoc"><p><?php echo $myresultf ?></p></div>

Answer 1

尝试这样的事情：https://jsfiddle.net/5Lps2ohr/

<div id="cursoc" style="background:#98bf21;height:50px;width:100px;position:absolute;"><p>TEST</p></div>

$("#cursoc").on('click', function(e) {
        $(this).fadeOut('slow').animate({
            'bottom': '0%',
            'left': '50%',
            'top': '50%'
            }, {duration: 'fast', queue: false}, function() {
        });
})