Rumah  >  Soal Jawab  >  teks badan

关于纯用css写导航鼠标移入事件的问题?

如何纯用css去实现下面这个效果:

一级导航的第一个导航的二级导航默认是显示的(其他导航项目的二级导航是隐藏的display:none;),
当鼠标移到一级导航的其他导航项目时,默认显示的第一个二级导航隐藏,
与此同时,鼠标移入的导航项的二级导航显示,这时再移开鼠标时,回到默认状态(即显示第一个导航的二级导航)

和QQ音乐导航的效果差不多求解ㅜ.ㅜ


高洛峰高洛峰2937 hari yang lalu992

membalas semua(1)saya akan balas

  • 三叔

    三叔2016-10-26 14:50:33

    大概是这样

    HTML:

    
        
  •         ...     
  •     
  •         ...     
  •     
  •         ...     
  • CSS:

    .nav li:first-child .subnav{
        display: block;
    }
    .nav:hover li:first-child .subnav{
        display: none;
    }
    .nav:hover li:hover .subnav{
        display: block;
    }


    balas
    0
  • Batalbalas