根据鼠标移动,在鼠标所在位置显示提示信息:
<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(); });