Привет, незнакомец!

Похоже, вы здесь новенький. Чтобы принять участие, нажмите одну из кнопок ниже!

How to follow your mouse cursor?

Hello, could somebody show me how to make a simple script that something will follow a mouse cursor..
For example a text/black box/picture/anything will just follow/stick to your mouse cursor using tampermonkey/greasemonkey scripting..

Комментарии

  • отредактировано 5 Mar [?]

    The full code is:

    <!DOCTYPE html>


    Follow Mouse!

    <style>
        body {
            min-width: 100%;
            min-height: 100%;
        }
        #moveItem {
            width: 75px;
            height: 75px;
            background-color: #FF3333;
            position: absolute;
            border-radius: 50%;
        }
    </style>
    




    var item = document.querySelector("#moveItem");
    var itemRect = item.getBoundingClientRect();
        document.addEventListener("mousemove", followMouse, false);
    
        function followMouse(e) {
            var xPos = e.pageX - itemRect.width / 2;
            var yPos = e.pageY - itemRect.height / 2;
    
            console.log(xPos + " " + yPos);
    
            item.style.transform = "translate3d(" + xPos + "px, " + yPos + "px, 0)";
        }
    </script>
    


    If you have questions write to me in private messages or direct to the site https://ipayzz.com/. Good luck.

Войдите или Зарегистрируйтесь чтобы комментировать.