Jquery实现了具有动画效果的经典二级导航菜单

菜单比较实用，当然要选择代码最少效果最好的经典款。请注意你的童鞋。别胡说八道。效果图如下。欢迎评论：。

看代码：复制代码代码如下：DOCTYPE html html标题一款带动画效果的经典二级导航菜单Jquery特效/title meta name=' author ' content=' Jquery '/meta name=' keywords ' content=' Jquery，Jquery资源，前端设计，div css'/style html，body，ul，li，h1，h2，h3，h4，h5，h6，fieldset，legend { padd :0 margin :0 } body { font :12 px/normal Verdana，Arial，Helvetica，无衬线；} ul，Li { list-style-type : none；文本转换：大写；}清除{ clear:both高度：0;font-size : 1px行高： 0px}//清除浮动哦/*菜单*/# nav { margin :0 auto 60px；宽度宽度：1080像素显示：块；}主要级别{背景： # FFE 60c；浮动：leftborder-right:1px实心# fff宽度宽度：140px}主级别a { color: # 000文本装饰：无；线高：32 px显示：块；padding:0 20px宽度width :100 pxfont-weight : bold；}主a级：悬停{ color : # fff文本装饰：无；背景： # 062723 0 0;字体粗细：加粗；}主级别ul { display:none位置：绝对；}主级别李{边框-顶部：1 px实心# fff背景技术# ffe60c宽度width :140 pxfont-weight : bold；}/style脚本类型=' text/JavaScript ' src=' http :3358 JT。875 .cn/js/jquery。js/script脚本类型=' text/JavaScript ' $(function(){ $(' Li。主级别').悬停(function(){ $(this)).查找(' ul ').向下滑动(500);//鼠标滑过找到当前的UL，向下滑出显示子菜单}，function(){ $(this).查找(' ul ').停止（真，假)。向上滑动("快速");});});/script/head body ul id=' nav ' Li class=' main level ' a href=' http://www .875 .cn/' target=' _ blank ' jquery插件a ul lia href='http://www.875.cn/资源a ul lia href='http://www.875.cn/特效/a ul id=' sub _ 03 ' lia href=' http://www .875 .cn/' target=' _ blank ' JavaScript/a/Li lia href=' http://www .875 .cn/' target=' _ blank ' jquery/a/Li lia href=' http://www .875 .上滑/a/Li lia875 .cn/' target down/875 .cn/' target=' _ blank ' animate/a/Li/ul/Li Li class=' main level ' a href=' http://www .875 .cn/' target=' _ blank ' jquery学堂a ul lia href='http://www.875.cn/分享快乐/a ul lia href=' http://www .尼芬格拉。com/' target=' _ blank ' JavaScript/a/Li lia href=' http://www .尼芬格拉。com/' target=' _ blank ' jquery/a/Li lia尼芬格拉。上滑/a/Li lia尼芬格拉。com/' target=' _ blank '向下滑动/a