Fatal编程技术网

Javascript Css悬停文本信息

javascript jquery html css

Javascript Css悬停文本信息,javascript,jquery,html,css,hover,Javascript,Jquery,Html,Css,Hover,我需要帮助！ 我在做一个网站，我有一个问题。我有一个，旁边有一个图像，这个图像是一个问号。我希望当我鼠标悬停在问号上时，它会出现我用信息制作的div。。。我在那个论坛上看到了很多答案，但是没有一个是有效的，请帮助我 <html> <body> <h1>branch<img id="help" src="Questionmark.png"></img></h1> <div id="information">Bran

我需要帮助！ 我在做一个网站，我有一个问题。我有一个
，旁边有一个图像，这个图像是一个问号。我希望当我鼠标悬停在问号上时，它会出现我用信息制作的div。。。我在那个论坛上看到了很多答案，但是没有一个是有效的，请帮助我

<html>
<body>
<h1>branch<img id="help" src="Questionmark.png"></img></h1>
<div id="information">Branch is...</div>
<script>
var e = document.getElementById('help');
e.onmouseover = function() {
document.getElementById('information').style.display = 'block';
}
e.onmouseout = function() {
document.getElementById('information').style.display = 'none';
}
</script>
</body>
</html>


分支
分行是。。。
var e=document.getElementById（'help'）；
e、 onmouseover=函数（）{
document.getElementById（'information'）.style.display='block'；
}
e、 onmouseout=函数（）{
document.getElementById（'information'）.style.display='none'；
}
请告诉我怎么做，也许有一个简单的方法。。。我尝试了css，但也没有成功…

我建议使用css

如果你正在做布局，使用CSS，如果你正在设置外观和感觉 如果您的动画使用CSS3，请使用CSS

如果附加事件处理程序或对用户输入作出反应，请使用JavaScript

注意，人们使用JavaScript而不是CSS来支持浏览器。 还有其他解决方案，比如使用 javascript

css

#information{
    display:none;
}

h1:hover + #information{
    display:block;
}

如果您想要简单的工具提示之类的东西，那么您可以使用以下代码

<h1>
     branch<img id="help" src="Questionmark.png"></img>
     <div id="information">Branch is...</div>
</h1>

h1{
    position: relative;
}
h1 img{
    cursor: pointer;
}
#information{
    display: none;
    position: absolute;
    left: 50px;
    width: 100px;
    height: 50px;
    font-size: 14px;
    background: red;
}
h1 img:hover + #information{
    display: block;
}


分支
分行是。。。
h1{
位置：相对位置；
}
h1 img{
光标：指针；
}
#信息{
显示：无；
位置：绝对位置；
左：50px；
宽度：100px；
高度：50px；
字体大小：14px；
背景：红色；
}
h1 img：悬停+信息{
显示：块；
}
检查此链接

您的代码是否正常工作。有什么问题吗？是的，它起作用了。不过，您可能希望删除不正确的
。我唯一的建议是使用CSS将
#信息
设置为
显示：无
，因此默认情况下该元素是隐藏的。我建议你看一看：谢谢你，现在它似乎正在工作。。。