欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html 中的li简单的显示和隐藏_html/css_WEB-ITnose

程序员文章站 2022-03-25 15:29:48
...
页面代码:
图书 >


  • 11

  • |11

  • |11

  • |11

  • |11

  • |11



  • 小说



  • 22

  • |22

  • |22

  • |22

  • |22

  • |22


  • 问题:只显示前面3个的11|(即显示红色部分),后面的隐藏掉,当鼠标移到“图书 >”时才全部显示出来,不知道怎么做?添加什么的jq代码。


    回复讨论(解决方案)

    补充:全部显示出这些内容如下

  • 11

  • |11

  • |11

  • |11

  • |11

  • |11
  • 图书 >
  • 11
  • |11
  • |11
  • |11
  • |11
  • |11
  • 2楼大神,功能是实现了。但是如果后面还有类似图书的层就不能用了。

    图书1 >


  • 11

  • |11

  • |11

  • |11

  • |11

  • |11




  • 图书2 >


  • 11

  • |11

  • |11

  • |11

  • |11

  • |11


  • 如果我想图书2(图书3...) 也实现同样的功能。怎么修改。

    图书1 >
  • 11
  • |11
  • |11
  • |11
  • |11
  • |11
  • 图书2 >
  • 11
  • |11
  • |11
  • |11
  • |11
  • |11
  • 大神,辛苦你了。我就想做网易云阅读的那样。http://yuedu.163.com/。
    (鼠标移入图书的时候)。
    你帮我做一下小例子就可以了。

    相关标签: html 中的li简单的显示和隐藏

    上一篇: 外部css样式表有什么用

    下一篇: 详解Laravel框架如何修改.env配置文件

    推荐阅读