实现仿新浪下拉菜单

该程序主要分为三个模块:html模块、css模块、js模块 本程序运行成功截图如下: 1、html模块:分为上下两个部分,上面为导航栏,下面为鼠标经过导航栏所

该程序主要分为三个模块:html模块、css模块、js模块

本程序运行成功截图如下:

 

1、html模块:分为上下两个部分,上面为导航栏,下面为鼠标经过导航栏所下拉出现的部分。这里要为下拉的部分先设置为不可见样式,之后再js中设置鼠标经过可见。代码如下:

2、css模块:在此处设置相应的样式

3、最后是js模块:需要先获取元素,然后设置相应html模块鼠标经过可见,离开不可见