码迷,mamicode.com
首页 > Web开发 > 详细

下拉菜单问题的研究:在这个夏天与Html5不期而遇(十)

时间:2016-07-19 20:52:23      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:

一、html部分
<ul>
     <li  class="name-1"><a href="#">第五组</a>
      <ul  class="name-2">
                             <li> ......</li>
                              <li>..........</li>
                               <li>..........</li>
      </ul>
     </li>
</ul>
二、css的样式:
ul  li  {
           list-style-tyle:none;
        }
.name-2  {
                border:1px  solid  red;
                weidth:100px;
                height:300px;
                display:none;
                }
.name:hover  ul  {
               display:block;
            }
这几步为关键的基本的技术!!!产生不同位置的显示效果,可以使用定位解决!!

下拉菜单问题的研究:在这个夏天与Html5不期而遇(十)

标签:

原文地址:http://www.cnblogs.com/Jabin/p/5686072.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!