Question

我在侧栏中有一个菜单，当用户将鼠标放在该菜单上时，如果有，则应打开子菜单。如何为该菜单编写css。 //这是我边栏的css

sidebar
{
background-color: #cdf;
width:24.5%;
/*width:25%;*/
float:left;
clear:both;
display:inline;
position:relative;

}
#sidebar a
{
font-family: Verdana;
font-size: medium;
display:block;
padding:5px;
text-decoration:none;
}
#sidebar a:hover
{
font-weight:bold;
text-decoration:underline;
background-color:White;
}
#sidebar ul
{
list-style-type:none;
display:block;
margin:0px;
width:100%;
padding:0;
}

#sidebar li
{
display:block;
border:1px solid white;
}

这是我在.aspx页面的侧栏

<div id="sidebar">
            <ul>
                <li><a href="CompanyList.aspx">Company</a></li>
                <li><a href="DepartmentList.aspx">Department</a></li>
                <li><a href="UserList.aspx">Users</a></li>
                <li><a href="UserTypeListFrm.aspx">User Type</a></li>
                <li><a href="QualificationList.aspx">Qualifications</a></li>
                <li><a href="../logOutfrm.aspx">Log Out</a></li>
            </ul>
        </div>

Answer 1

Google是full examples的this。

Answer 2

dtbarne 是对的。谷歌充满了例子，他们是免费的。您甚至可以使用accordion来创建此类菜单。

鼠标悬停时打开子菜单

2 个答案: