最近發現一個簡單的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中文網!