function ripple(){
  var $js_lists = $("#js_lists");
  var $ripple = $("<span class='ripple'></span>");
  $js_lists.on("click",".btn",function(e){

    var _this = $(this);

    //获取点击坐标
    var x = e.pageX;
    y = e.pageY;

    //console.log(x,y);

    var left = x - _this.offset().left;
    var top = y - _this.offset().top;

    console.log(left,top);

    $ripple.css({
      left:left-1,
      top:top-1
    });

    _this.append($ripple);

    //动画结束后
    $ripple.on("animationend",function(){
      $(this).remove();
    })


    return false;
  })


	}

	$(function(){
		ripple()
	})