鼠标滑过显示提示框

Posted zheh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标滑过显示提示框相关的知识,希望对你有一定的参考价值。

$("#sensor").mousemove(function(event){
    var e=event || window.event;
    var obj = document.getElementById("sensor-note");
    var posX=e.clientX;
    var posY=e.clientY;
    obj.style.left=posX+10+"px";
    obj.style.top=posY+10+"px";
    obj.style.display = "block";
    $("#sensor").mouseout(function(){
        $("#sensor-note").hide("slow");
    });
});
<div id="sensor-note" class="alert alert-dark" role="alert" style="position:absolute;width:150px;padding:10px;top:0px;opacity: 0.5;">
  172.16.80.101
</div>

 












以上是关于鼠标滑过显示提示框的主要内容,如果未能解决你的问题,请参考以下文章

当鼠标滑过文本框自动选中输入框内容JS代码

echarts 取消图例上的点击事件和图表上鼠标滑过点击事件

js实现鼠标滑过显示二级菜单

工作笔记

下拉ComboBox时的工具提示

CSS鼠标滑过内容切换的代码