Вопросы Теги

Сделайте убежавшую кнопку в jQuery

Я хотел создать страницу с простой кнопкой, которая убегает от пользователя, когда он пытается нажать ее. Позволяет называют это Убежавшей кнопкой?

Существует ли простой отрывок 'jQuery', который позволит мне делать то же?

С уважением, Karan Misra

5
задан T. Stone 1 April 2010 в 04:55
поделиться

2 ответа

$('button').hover(function()
{
    $(this).css('top', rand(1,1000) + 'px').css('left', rand(1,1000) + 'px');
});

Плагин не нужен.

5
ответ дан 13 December 2019 в 22:05
поделиться

Поймайте меня, если сможете

alt text 

<button id="theRunAwayButton"></button>

button {
    position: absolute;
       background: url(http://t0.gstatic.com/images?q=tbn:6JxQilywV2GyxM:http://images.clipartof.com/small/7038-Baseball-Mascot-Cartoon-Character-Running-Poster-Art-Print.jpg);
    width: 127px;
    height: 111px;
}

var width = $(window).width() - 127;
var height = $(window).height() - 111;

function run() {
    var top = Math.random() * height;
    var left = Math.random() * width;
    $('#theRunAwayButton').css('top', top + 'px').css('left', left + 'px');
}

$(document).ready(function() {
    $('#theRunAwayButton').mouseover(run);
    $('#theRunAwayButton').mousemove(run);
});
5
ответ дан 13 December 2019 в 22:05
поделиться
Другие вопросы по тегам:

Похожие вопросы: