[2.5] Cần hướng dẫn hiện submenu

Thảo luận trong 'Hướng dẫn - Hỏi đáp' bắt đầu bởi HoangHuy2017, 15/10/15.

  1. HoangHuy2017

    HoangHuy2017 Mới tham gia

    Bài viết:
    5
    Likes :
    0
    Mọi người cho hỏi làm sao cho hiện sub menu như thế này, khi rê chuột vào mục chính nó sẽ tự hiện ra mục con như trong hình.
    [​IMG]
     
  2. gabong226

    gabong226 Rất nhiệt tình

    Bài viết:
    173
    Likes :
    69
    cái này bạn thêm menu con trong back-end sau đó dùng css là được thôi, đâu khó khăn gì đâu
     
  3. HoangHuy2017

    HoangHuy2017 Mới tham gia

    Bài viết:
    5
    Likes :
    0
    Bạn hướng dẫn cụ thể giúp mình với, mấy cái này mình k rành lắm, củ mình cứ thế này
    [​IMG]
     
  4. gabong226

    gabong226 Rất nhiệt tình

    Bài viết:
    173
    Likes :
    69
    bạn có live link ko? Vì mình ko xem được cấu trúc code menu của bạn thế nào nên để tạm thế này.
    Nếu ko thì mình làm qua như này, bạn xem và thử tạo HTML rồi add đoạn css này vào nhé.

    HTML:
    div.menu {position: relative; width: 100%;}
    // ul cấp 1
    div.menu >ul {list-style: none;}
    
    //li cấp 1
    div.menu >ul >li {position: relative; display: block; padding: 0;}
    
    div.menu >ul >li >a {display:block; padding: 4px 6px; font: 14px/20px arial; z-index:10;}
    
    // ul cấp 2
    div.menu >ul >li >ul {display:none; position: absolute; top: 0; left: 0; z-index:1;}
    
    // Hover vào li cấp 1 để hiển thị menu cấp 2
    div.menu >ul >li:hover >ul {display:block !important;}
    Mình chỉ làm css sao cho khi hover vào li parent thì hiển thị submenu, còn để làm cho đẹp hơn thì bạn có thể tự làm nhé!
     
  5. HoangHuy2017

    HoangHuy2017 Mới tham gia

    Bài viết:
    5
    Likes :
    0
    Mình đang làm trên localhost ak bạn, bạn cho mình xin thông tin liên lạc với bạn đi, teamview giúp mình nha
     
comments powered by Disqus

Chia sẻ trang này