使用HTML+CSS实现鼠标划过的二级菜单栏的示例

本文介绍了使用HTML+CSS实现鼠标划过的二级菜单栏的示例,分享给大家,具体如下:

先上效果图:

1、鼠标没在上面

使用HTML+CSS实现鼠标划过的二级菜单栏的示例_第1张图片

2、鼠标放在一级菜单上,展开二级菜单

使用HTML+CSS实现鼠标划过的二级菜单栏的示例_第2张图片

3、鼠标放在二级菜单上

使用HTML+CSS实现鼠标划过的二级菜单栏的示例_第3张图片

代码:



    二级菜单测试
    
    



    
    
    
    


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(使用HTML+CSS实现鼠标划过的二级菜单栏的示例)