在鼠标当前座标位置显示提示信息

根据鼠标移动，在鼠标所在位置显示提示信息：

<div class="main" style="width:200px;height:100px;border:1px solid #ccc;">鼠标移动到这里</div>
<div class="message" style="position:absolute;display:none;width:100px;height:50px;border:1px solid #ddd;"></div>

JS代码（需要jQuery）：

$('.main').hover(function (e) {
    $('.message').html('提示消息');
    $('.message').css({ "top": (e.pageY) + "px", "left": (e.pageY) + "px" }).show(200);
    $(this).mousemove(function (e) {
        $('.message').css({ "top": (e.pageY) + "px", "left": (e.pageY) + "px" }).show(200);
    });
}, function () { $('.message').empty().hide(); });