2016-05-30 2 views
-1

Я пытаюсь добиться добавления интерактивного указателя мыши, аналогичного тому, который находится на this page. Я довольно давно проверил исходный код и не смог понять его вообще.Анимированная/интерактивная указатель мыши

Какой код необходим для анимации указателя мыши так же, как эта страница?

+0

Это не связано с указателями мыши, но и некоторый элемент '', который вычисляет с помощью JS позицию мыши - и рисует линии и точки. –

+0

Обязательно прочитайте: [спросить] и обязательно создайте [mcve] –

+0

. Я понятия не имел, с чего начать, создавая код, следовательно, вопрос. Простое предложение «холста» - большая помощь сама по себе –

ответ

-1

уменьшенная код здесь - http://2f-design.fr/themes/starry/wp-content/themes/starry/js/header-pointer.js?ver=1.0

В основном это просто холст с слушателя событий на mousemove случае, стирает/redrow же созвездий снова и

// Event handling 
function addListeners() { 
    if(!('ontouchstart' in window)) { 
     window.addEventListener('mousemove', mouseMove); 
    } 
    window.addEventListener('scroll', scrollCheck); 
    window.addEventListener('resize', resize); 
} 

function mouseMove(e) { 
    var posx = posy = 0; 
    if (e.pageX || e.pageY) { 
     posx = e.pageX; 
     posy = e.pageY; 
    } 
    else if (e.clientX || e.clientY) { 
     posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; 
     posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop; 
    } 
    target.x = posx; 
    target.y = posy; 
} 
+0

Спасибо Vittore, что я был после –

Смежные вопросы