将鼠标悬停在描述Javascript上
我需要一些关于JavaScript的帮助，如果我将鼠标移到某个文本上，它将帮助我在将鼠标悬停在描述Javascript上,javascript,html,css,javascript-events,Javascript,Html,Css,Javascript Events,我需要一些关于JavaScript的帮助，如果我将鼠标移到某个文本上，它将帮助我在div元素中创建一个悬停在文本描述上的鼠标。这个描述将跟随鼠标，我移动鼠标的地方。从文本中移除鼠标后，文本上方的悬停将消失。所有这些都需要借助纯JavaScript而不是JQUERY来完成 谢谢以下是基本原则： <!DOCTYPE html> <html> <head> <script> function moveDescrip(event) { var d
div谢谢以下是基本原则：
<!DOCTYPE html>
<html>
<head>
<script>
function moveDescrip(event)
{
var d = document.getElementById("descrip")
var x=event.clientX;
var y=event.clientY;
d.style.top = y + "px";
d.style.left = x + "px";
}
function showDescrip(show)
{
var d = document.getElementById("descrip");
d.style.visibility=show ? "visible" : "hidden";
}
</script>
</head>
<body>
<div
onmouseover="showDescrip(true)"
onmouseout="showDescrip(false)"
onmousemove="moveDescrip(event)"
style="border: 1px solid black; width: 200px; height:300px" >
Description div will follow your mouse while you hover over.
</div>
<div id="descrip" style="position:absolute; visibility:hidden">description</div>
</body>
</html>
函数moveDescrip（事件）
{
var d=document.getElementById（“descrip”）
var x=event.clientX；
var y=event.clientY；
d、 style.top=y+“px”；
d、 style.left=x+“px”；
}
函数showsdescripp（show）
{
var d=document.getElementById（“descrip”）；
d、 style.visibility=显示？“可见”：“隐藏”；
}
当您将鼠标悬停在上方时，Description div将跟随您的鼠标。
描述
onmousemovedevent.clientXevent.clientY