用jquery实现的一个超级简单的下拉菜单。效果图初始效果

鼠标悬浮效果

代码复制代码代码如下：DOCTYPE html html头脚本类型=' text/JAVAScript ' src=' http : jquery-1。11 .1 .js '/脚本样式nav a { text-decoration : none} nav ul li {左侧浮动：文本对齐：中心；padding: 0 0.5em }导航li ul。子菜单{ display:无左填充： 0!重要；} .子菜单li { color: white}。子菜单李：悬停{底色：黑色；} .子菜单颜色：悬停a { color : white } ul { list-style : none；}/style/head body nav ul lia href=' # ' Home ul class=' sub menu ' lia href=' # ' sub 1/悬停(function() { $(this)).查找('。子菜单')。css('display '，' block ')；}，function() { $(this).查找('。子菜单')。css('display '，' none ')；});});/script /html