Javascript 鼠标悬停在文本上时显示链接_Javascript_Php_Css

Javascript 鼠标悬停在文本上时显示链接

javascript php css

Javascript 鼠标悬停在文本上时显示链接,javascript,php,css,Javascript,Php,Css,我在表单中有一个注册选项。有两种类型的用户可以注册1。老师和学生。当选择注册选项时，将为教师和学生提供两个选项。我可以通过下拉列表来完成，但我希望它像那些网站一样，当鼠标指针指向注册而不单击时，会显示选项。请帮助我 <html> <head> <title>Drop Down Menu Test</title> </head> <style type="text/css"> div{ height: 30px;

我在表单中有一个注册选项。有两种类型的用户可以注册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>

你想做这样的事吗

发布您当前的尝试。道兹在3….2….1中被遗忘。为什么你们这些家伙总是急于放弃投票。。您可以看到这是新用户。别告诉我你没有犯这种错误past@KheemaPandey我犯了很多错误，而我学会不犯错误的方法就是让人们告诉我这个事实。这就是向下投票的含义，它是一种告知用户他们的问题不适合SO，需要改进的工具。但是，您可以向新用户解释这些术语，而不是直接向下投票。我知道这里有很多用户的评分超过5K，并且在发帖时犯了愚蠢的错误。你必须至少给新用户一个机会。我正在寻找类似的东西。非常感谢