動畫/交互式鼠標指針

Question

我試圖實現添加交互式鼠標指針，類似於this page上的那個。我已經檢查了相當一段時間的源代碼，一直沒有弄清楚。

需要什麼代碼才能以與此頁面相同的方式爲鼠標指針設置動畫效果？

Answer 1

縮小的代碼是在這裏 - http://2f-design.fr/themes/starry/wp-content/themes/starry/js/header-pointer.js?ver=1.0

基本上它只是一個在mousemove事件遍地

// 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; 
}