<ul class="artist">
    <li class="a1"><a href="https://jy.tp.yuanmeng.life/"><img width="230" height="354" src="images/sucaihuo.jpg" alt="张学友" /></a></li>
    <li class="a2">
        <img width="232" height="232" src="images/1.jpg" />
        <a class="cover" href="https://jy.tp.yuanmeng.life/"><strong>张震岳</strong><br /><span>即将有5场演出</span><br />查看详情</a>
    </li>
    <li class="a3">
        <img width="110" height="110" src="images/2.jpg" />
        <a class="cover" href="https://jy.tp.yuanmeng.life/"><strong>蔡琴</strong><br /><span>即将有5场演出</span><br />查看详情</a>
    </li>
    <li class="a4">
        <img width="110" height="110" src="images/3.jpg" />
        <a class="cover" href="https://jy.tp.yuanmeng.life/"><strong>郑钧</strong><br /><span>即将有2场演出</span><br />查看详情</a>
    </li>
</ul>

$('.artist li').each(function() {
    $(this).find('.cover').css('top', -$(this).height());
    $(this).hover(function() {
        $(this).find('.cover').animate({
            'top': '0'
        }, 300);
    }, function() {
        $(this).find('.cover').animate({
            'top': $(this).height()
        }, {
            duration: 300,
            complete: function() {
                $(this).css('top', -$(this).parent('li').height())
            }
        });
    });
});