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

用div做的下拉框怎么实现按字母跳转到指定的div?_html/css_WEB-ITnose

程序员文章站 2022-05-11 20:11:42
...
如图,字母这边是一个div,品牌这边是一个div,下面有26个字母的指定的品牌div,现需要实现单击字母,右边也能跳转到字母指定的div。


回复讨论(解决方案)

在右侧设置26个li标签 放这26个字母的品牌 然后把左边的26个字母 用a标签,href就是那26哥li标签的索引,
不知道我这么说你懂了没

和lz所述效果略有不同,不过也差不太多。就是把不相关的隐藏了

  • A
  • B
  • C
  • D
  • E
  • F
  • G
  • H
  • I
  • K
  • J
  • L
  • M
  • N
  • O
  • P
  • Q
  • R
  • S
  • T
  • U
  • V
  • W
  • X
  • Y
  • Z
  • 全部
  • A 奥迪
  • A 奥迪
  • A 奥迪
  • A 奥蒂斯
  • B 保罗
  • B 保罗
  • B 保罗
  • B 保罗
  • B 保罗
  • C 奥迪
  • C 奥迪
  • C 奥迪
  • C 奥迪
  • D 奥迪
  • D 奥迪
  • E 奥迪
  • F fff
  • G ggggg

在右侧设置26个li标签 放这26个字母的品牌 然后把左边的26个字母 用a标签,href就是那26哥li标签的索引,
不知道我这么说你懂了没


大概意思懂了,能说说href里的索引怎么写不?

和lz所述效果略有不同,不过也差不太多。就是把不相关的隐藏了

  • A
  • B
  • C
  • D
  • E
  • F
  • G
  • H
  • I
  • K
  • J
  • L
  • M
  • N
  • O
  • P
  • Q
  • R
  • S
  • T
  • U
  • V
  • W
  • X
  • Y
  • Z
  • 全部
  • A 奥迪
  • A 奥迪
  • A 奥迪
  • A 奥蒂斯
  • B 保罗
  • B 保罗
  • B 保罗
  • B 保罗
  • B 保罗
  • C 奥迪
  • C 奥迪
  • C 奥迪
  • C 奥迪
  • D 奥迪
  • D 奥迪
  • E 奥迪
  • F fff
  • G ggggg

恩,蛮有用的,谢谢。但这种效果我已经做过了,页面效果不太好,所以想换一种效果