下拉列表

一些网页导航栏在鼠标移入时，会在下方出现一个div：


上边的产品部分，可以用ul列表实现，每一个li里面装一个span标签；

下边的客户服务部分，可以再在li里面写一个div标签；

给li设置相对定位，给div设置绝对定位来调节位置；

通过display：none；将div隐藏；

再给li添加hover事件，设置div ，display：block；

当鼠标移动到li上时，div就会出现了

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容