在鼠标悬停上打开子菜单

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

来源

2011-05-27 Microsoft Developer

Google我的身边吧是的this examples full的CSS。

来源

2011-05-27 05:00:56 dtbarne

@ dtbarne ..我搜索了很多文章，但没有找到任何脚本，它只提供菜单付费建设者 – 2011-05-27 05:14:53

dtbarne是对的。 Google充满了例子，而且它们是免费的。你甚至可以使用accordion来创建这种菜单。

来源

2011-05-27 06:44:23 inadcod

在鼠标悬停上打开子菜单

回答

相关问题