Mouse Effect02

const cursor = $(".cursor")
    const follower = $(".cursor-follower")

    $(document).mousemove(function(e){
        gsap.to(cursor,0.3,{left:e.pageX -5,top:e.pageY -5})
        gsap.to(follower,0.8,{left:e.pageX -15,top:e.pageY -15})
    });
    // $(".contents a").hover(function(){
    //     cursor.addClass("active")
    //     follower.addClass("active")
    // },function(){
    //     cursor.removeClass("active")
    //     follower.removeClass("active")
    // });
    //출력용
    $(document).mousemove(function(e){  //마우스가 움직였을 때 이벤트 함수
        $(".pageX").text(e.pageX)  //이벤트 pageX 값을 화면에 출력
        $(".pageY").text(e.pageY)  //이벤트 pageY 값을 화면에 출력
    });


  
    document.querySelectorAll("a").forEach(elem => {
        elem.addEventListener("mouseenter", () => {
            document.querySelector(".cursor").classList.add("active");
            document.querySelector(".cursor-follower").classList.add("active");
        });
        elem.addEventListener("mouseleave", () => {
            document.querySelector(".cursor").classList.remove("active");
            document.querySelector(".cursor-follower").classList.remove("active");
        });
    });

    window.addEventListener("mousemove", function(event){

    document.querySelector(".pageX").innerHTML(e.pageX)
    document.querySelector(".pageY").innerHTML(e.pageY)
    })