鼠标悬停在文本上时显示链接[关闭]答案

【问题标题】：show links when mouse over text [closed]鼠标悬停在文本上时显示链接[关闭]
【发布时间】：2014-05-06 23:49:29
【问题描述】：

我在表单中有一个注册选项。有两种类型的用户可以注册：1.教师和2.学生。 when sign up option will be selected two options will come for teacher and student.我可以通过下拉列表来做到这一点，但我希望它像那些网站一样，当鼠标指针指向注册而不点击时显示选项。请帮助我

【问题讨论】：

发布您当前的尝试。
在 3....2....1 中被淘汰出局
为什么你们总是急着投反对票.. 你可以看到这是新用户。不要告诉我你过去没有犯过这种错误
@KheemaPandey 我犯了很多错误，而我学会不犯错误的方法是人们告诉我这一事实。这就是拒绝投票的意义，它是一种通知用户他们的问题不适合 SO 并且需要改进的工具。
但您可以向新用户解释条款，而不是直接投反对票。我知道这里有很多用户评分超过 5K，并且在发帖时犯了愚蠢的错误......你必须至少给新用户一个机会

标签： javascript php css

【解决方案1】：

<html>
<head>
<title>Drop Down Menu Test</title>
</head>
<style type="text/css">
div{
    height: 30px;
    width: 100px;
    background-color: red;
    }

#status{
    color: white;
    list-style-type: none;
    }

div .menu{
    display: none;
    position: absolute;
    top: 35px;
    left :0px;
    width: 190px;
    background-color: red;
    border: 1px solid black;
    list-style-type: none;
    }

div:hover .menu{
display: inline-block;
}


</style>

<body>

<div id="main">
<ul>
<li id="status">Sign Up
    <ul class="menu">
        <li>Teacher</li>
        <li>Student</li>
    </ul>
</li>
</ul>
</div>
</body>
</html>

你想做这样的事情吗？

【讨论】：

我正在寻找这样的东西。非常感谢