$(function () {
$('#comenzar').click(function(){
$('#ufo').remove();
ponOvni();
});
function ponOvni() {
var tipo = Math.round(Math.random() * 2) + 1;
$('#tablero').append('<img src="ufo' + tipo + '.png" id="ufo">');
animaOvni();
$('#ufo').click(function () {
$('#ufo').stop(true);
$(this).remove();
if (confirm("Me has cazado\n¿Otra partida?")) {
ponOvni();
}
});
$('#ufo').mouseover(function () {
$('#ufo').css('background-color', 'red');
});
$('#ufo').mouseout(function () {
$('#ufo').css('background-color', '');
});
}
function animaOvni() {
var y = Math.round(Math.random() * 600);
var x = 0;
$('#ufo').css('top', y + "px");
for (var i = 0; i < 6; i++) {
y = Math.round(Math.random() * 600);
x += 200;
console.log($('#velocidad').val());
$('#ufo').animate({top: y + "px", left: x + "px"}, parseInt($('#velocidad').val()));
}
$('#ufo').animate({top: y + "px", left: (x + 100) + "px"},
function () {
if (confirm("Has perdido\n¿Otra partida?")) {
$('#ufo').remove();
ponOvni();
}
});
}
});
codigo
index
estilos
