перемещение изображения движением мыши

используя, скажем, jQuery, как мне сделать так, чтобы изображение перемещалось с помощью мыши (точнее, курсора), т.е. чтобы изображение было приклеено к указателю; как мне позже отклеить его или поменять местами склеенное изображение. Благодарность


jquery mousemove
person david millner    schedule 22.12.2011    source источник
comment
Это будет комбинация событий mousemove() и click(). Ознакомьтесь с API: api.jquery.com   -  person Rory McCrossan    schedule 22.12.2011

Ответы (2)


arrow_upward
0
arrow_downward

Вы ищете пользовательское изображение курсора? Или вы хотите перетащить изображение, которое уже есть на вашей странице?

Если это первое, вы можете использовать cursor: url(cursor.cur); в своем файле css.

Если это последнее, вы можете сделать это соответствующим образом обрабатывая события image's mousedown и document's mousemove and mouseup.

person techfoobar    schedule 22.12.2011

arrow_upward
0
arrow_downward

Если вы можете использовать jquery ui, вы можете использовать:

примените следующее (или его версию) к mousedown:

$(document).mousemove(function(ev){
  $("#theimage").position({
    my: "left bottom",
    of: ev,
    collision: "fit"
  });
});

http://docs.jquery.com/UI/Position

и установите абсолютное положение изображения при наведении мыши.

person picknick    schedule 22.12.2011