SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
var tip = {
    mousePos: function (e) {
        var x, y;
        var e = e || window.event;
        return {
            // x: e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft,
            // y: e.clientY + document.body.scrollTop + document.documentElement.scrollTop
            x: e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft,
            y: e.clientY + document.body.scrollTop + document.documentElement.scrollTop
        };
    },
    start: function (obj) {
        var self = this;
        obj.onmousemove = function (e) {
            var mouse = self.mousePos(e);
            var left = mouse.x + 'px';
            var top = mouse.y + 'px';
            $("#OrderInform").css({ 'top': top, 'left': left });
            $("#OrderInform").show();
        };
        obj.onmouseout = function () {
            $("#OrderInform").hide(); //失去焦点关闭
        };
    }
}
$(".ground_back").on("mousemove", function (ele) {
    console.log("鼠标移动")
    tip.start(ele.target);
})

            
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<div class="ground_back">111</div>
	<div class="" id="OrderInform"></div>
</body>

</html>

            
		#OrderInform {
			margin: 15px auto;
			background: rgba(0, 0, 0, 0.2);
			width: 200px;
			height: 200px;
			padding: 15px;
			border-radius: 200px;
			position: absolute;
			box-sizing: border-box;
		}

		.ground_back {
			width: 1000px;
			height: 1000px;
			background: wheat;
		}

            

                
本项目引用的自定义外部资源