可以使用以下代码来实现一个实时显示鼠标坐标的小工具:

html

鼠标坐标

#coordinates {
position: fixed;
top: 10px;
left: 10px;
padding: 5px;
background-color: #f5f5f5;
border: 1px solid #ccc;
}

document.addEventListener('mousemove', function(event) {
var coordinatesLabel = document.getElementById('coordinates');
coordinatesLabel.innerText = '鼠标坐标:' + event.clientX + ', ' + event.clientY;
});

这段代码使用`mousemove`事件监听鼠标移动,将鼠标的坐标显示在id为`coordinates`的`div`元素中。CSS样式用于设置该`div`的位置和样式。