首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

下拉菜单有关问题

2012-02-14 
下拉菜单问题styleul#aali#bb{width:100pxposition:relative}ul#aali#bbul#cc{display:nonewidth:100

下拉菜单问题
<style>
ul#aa   li#bb{width:100px;
position:relative;}
ul#aa   li#bb   ul#cc{
display:none;
width:100px;
height:100px;
background-color:#FFFF66;}
ul#aa   li#bb   a:hover   ul#cc{
display:block;
position:absolute;
top:-20px;
left:30px;}

</style>


<ul   id= "aa ">
<li   id= "bb "> <a   href= "# "> 管理条例0 </a>
      <ul   id= "cc ">
      <li   class= "dd "> <a   href= "# "> 1 </a> </li>
      <li   class= "dd "> <a   href= "# "> 2 </a> </li>
      <li   class= "dd "> <a   href= "# "> 3 </a> </li>
      <li   class= "dd "> <a   href= "# "> 4 </a> </li>
      </ul>
  </li>
         
<li> <a   href= "# "> 管理条例2 </a> </li>
<li> <a   href= "# "> 管理条例3 </a> </li>
<li> <a   href= "# "> 管理条例4 </a> </li>
<li> <a   href= "# "> 管理条例5 </a> </li>
</ul>


鼠标指向管理条例0时为什么不出现下拉菜单呢??

[解决办法]
为什么不写个js脚本触发显示事件呢?

热点排行