我onmouseover在javascript中玩这个事件
我想要一个小盒子弹出并保持不动,直到没有onmouseover了
我认为它被称为描述框,但我不确定.
当我将鼠标放在某些文本上时,如何使用自定义文本弹出一个小框,并在将鼠标移动到另一个对象后消失.
嗨,我正在尝试在简单的JS中制作工具提示,在悬停时显示.就像stackoverflow中悬停在配置文件名称上的那个一样,显示了一个div.
我尝试使用hover,div并添加onmouseover为用户几秒钟将鼠标移到工具提示内容上.但它并没有按照我的想法运作.
我真的很喜欢纯粹的js而不是使用任何库.有人可以帮我吗?
这就是我在PURE JS中所做的
HTML
<div class = "name" onmouseover="show()" onmouseout="hide()">
NAME
<div class = "tooltip">
PROFILE DETAILS
</div>
</div>
<div class = "name" onmouseover="show()" onmouseout="hide()">
NAME 2
<div class = "tooltip" >
PROFILE DETAILS 2
</div>
</div>
<div class = "name" onmouseover="show()" onmouseout="hide()">
NAME 3
<div class = "tooltip" >
PROFILE DETAILS 3
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS
.name{
float:left;
margin:100px;
border:1px solid black;
}
.tooltip{
position:absolute;
margin:5px;
width:200px;
height:100px;
border:1px solid black;
display:none; …Run Code Online (Sandbox Code Playgroud) 当我将鼠标悬停在图像上时,我想从DIV标记中加载一些内容作为弹出文本.当我从鼠标离开该图像时,pop会消失,当我再次将鼠标悬停在图像上时,内容应显示为弹出文本.我正在使用HTML,Jquery,JS.如果我使用jquery load()方法获得解决方案,那将非常有用.让我知道你的回应.