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

Question

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

Answer 1

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

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

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

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

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

Answer 2

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

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

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