直播聊天室，點亮效果，jquery實作

1.css

#like_area img{
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 100px;
    left: 60%;
    margin-left: -10px;
}
           

<div id="like_area"></div>
           

// 點亮
function like() {
    var x = 100;
    var y = 900;
    var num = Math.floor(Math.random() * 4 + 1); // 随機數
    var index=$('#like_area').children('img').length; // 擷取最新的img長度
    var rand = parseInt(Math.random() * (x - y + 1) + y); // 飄離的位置
    $("#like_area").append("<img style='margin-left: 40px;' src='../image/like/"+num+".png'>");
    $("#like_area img").animate({
        bottom:"350px",
        opacity:"0",
        left: rand,
    },3000);
}