下拉列表

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


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

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

给li设置相对定位,给div设置绝对定位来调节位置;

通过display:none;将div隐藏;

再给li添加hover事件,设置div ,display:block;

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

你可能感兴趣的:(下拉列表)