JaveScript之CSS变量

:root{//全局变量
              --mouse-x: 0px;
              --mouse-y: 0px;
        } 
        .mover{
             
              width: 100px;
              height: 100px;
              background:lightblue;
        }

<div class="mover"></div>

            let root = document.documentElement
                root.addEventListener('mousemove', e => {
                root.style.setProperty('--mouse-x', e.clientX + 'px')
                root.style.setProperty('--mouse-y', e.clientY + 'px')
          })

$(document).mousemove(function(e){

            $('.mover').css({"margin-top":e.clientY+"px","margin-left":e.clientX+"px"}).text(e.clientX+","+e.clientY);
            //
        })