用js 实现鼠标移动，移入，移出事件

    Document

        img {

            width: 500px;

            height: 500px;

        }

        .div0 p {

            position: absolute;

            top: 0;

            left: 0;

            width: 500px;

            height: 190px;

            background: rgba(204, 204, 204, 0.244);

            display: none;

            /* text-align: center; */

            /* 禁用鼠标事件 */

            pointer-events: none;

        }

派大星名言警句:1.知识不能替代友谊，比起失去你，我宁愿做个白痴。 2.海绵宝宝，我只想告诉你一件事情，派大星也是需要 人疼的！3.我生下来就是为了与你相遇。4.我要两个冰淇淋，一个给我吃一个给我的好朋友海绵宝宝。5.人生就是不公平的 你慢慢习惯吧你。6.你可以是一本打开的书，海绵宝宝，但我要比那复杂点儿。7.虽然我满腹经纶，却无人可以分享，一个朋 友都没有。. 曾经和我一起欢笑的人是谁呢？

    var img = document.querySelector("img")

    var p = document.querySelector(".div0 p")

    img.onmouseover = function() {

        p.style.display = "block";

    }

    img.onmouseout = function() {

        p.style.display = "none";

    }

    img.onmousemove = function(event) {

        p.style.left = event.offsetX + "px"

        p.style.top = event.offsetY + "px"

    }