Попытка заставить div «следовать» за курсором при перемещении мыши, но с задержкой ⇐ Jquery
-
Anonymous
Попытка заставить div «следовать» за курсором при перемещении мыши, но с задержкой
Я хочу создать эффект, похожий на старые следы мыши, где элемент div задерживается, но следует за курсором.
Я подошел достаточно близко, используя заданный интервал для запуска анимации по координатам курсора.
$("body").mousemove(function (e) { если (enableHandler) { handleMouseMove (е); EnableHandler = ложь; } }); таймер = window.setInterval(функция(){ EnableHandler = правда; }, 250); функция handleMouseMove(e) { вар х = e.pageX, y = e.pageY; $("#cube").animate({ слева: х, сверху: й }, 200); } JSFiddle
Сейчас остаются две проблемы:
[*]
Див «погоня» очень нервный (из-за необходимости использования заданного интервала)
[*]
Если движение мыши останавливается до запуска анимации, элемент div остается на месте, вдали от курсора.
Я хочу создать эффект, похожий на старые следы мыши, где элемент div задерживается, но следует за курсором.
Я подошел достаточно близко, используя заданный интервал для запуска анимации по координатам курсора.
$("body").mousemove(function (e) { если (enableHandler) { handleMouseMove (е); EnableHandler = ложь; } }); таймер = window.setInterval(функция(){ EnableHandler = правда; }, 250); функция handleMouseMove(e) { вар х = e.pageX, y = e.pageY; $("#cube").animate({ слева: х, сверху: й }, 200); } JSFiddle
Сейчас остаются две проблемы:
[*]
Див «погоня» очень нервный (из-за необходимости использования заданного интервала)
[*]
Если движение мыши останавливается до запуска анимации, элемент div остается на месте, вдали от курсора.
