鼠标悬停时打开子菜单

时间:2011-05-27 04:54:14

标签: html css

我在侧栏中有一个菜单,当用户将鼠标放在该菜单上时,如果有,则应打开子菜单。如何为该菜单编写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>

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

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