最近发现一个简单的jQuery下拉菜单,代码很少,很适合有基础的新手学习提高。 这是jQuery代码: $(document).ready(function(){ $("ul.subnav").parent().append("<span></span>"); $("ul.topnav li span").click(function() { $(this).parent().find("ul.subnav").slideDown('fast'); $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('slow'); }); }).hover(function() { $(this).addClass("subhover"); }, function(){ //On Hover Out $(this).removeClass("subhover"); }); }); 登录后复制下面是html代码: 首页 原创作品 绘画艺术 平面设计 交互设计 3D艺术 摄影艺术 其他艺术 设计素材 Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link 佳作欣赏 Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link Sub Nav Link 论坛 网址导航 登录后复制 更多一个jQuery下拉菜单,代码简单,适合新手阅读。相关文章请关注PHP中文网!