将图像从屏幕外部随机移动到中心

Question

我已经坚持这个问题太久了。我需要从屏幕外的随机位置移动一只飞行猫的图像到中心，然后出现一个气泡，然后这只猫就会离开屏幕外的随机位置。所有这些都发生在Onclick上。

Answer 1

假设猫完全位于屏幕外

的jQuery

$('#element').click(function(){
  var catWidth = $('.cat').width()/2,
  catHeight = $('.cat').height()/2,
  left = 'calc(50% - '+catWidth+'px)',
  top = 'calc(50% - '+catHeight+'px)';

  $('.cat').css('left', left);
  $('.cat').css('top', top);

));

CSS

.cat {
    transition: all 2s;
    position: absolute;
    left: 101%;
    top: 101%;
}

将此js放在您想要点击的点击功能中，这会将img移动到屏幕的中心。