在下拉菜单中创建一个无序列表

如果我在Wordpress上显示此代码，将此转换为跳转菜单的最简单方法是什么？

 
It's finally here
 
Improvements
 
Handling
  

我可以像在这个post中看到的那样使用jquery： 如何使用jquery 将无序列表转换为格式良好的下拉列表？

如果是的话，我会在哪里放置所述post中显示的代码示例？

Answer 1

检查一下。 最简单的一个

http://jsfiddle.net/Tpf7E/22/

HTML，CSS和jQuery

Answer 2

有大约数百个插件用于此目的…一个简单的搜索应该带来很多结果，如“50下拉菜单的jQuery插件”..

一些结果将向您展示如何构建自己的菜单，如“ 使用CSS和jQuery构建下拉菜单 ”

其他结果将为您提供一个插件，您只需调用一个jQuery函数将此UL转换为菜单，例如“ 用于下拉菜单的jQuery插件 ”

在这两种情况下，您都不需要精确地使用它们的显示方式，只需要感受一下这个想法，如果需要，可以根据自己的情况进行修改……

Answer 3

怎么样一些jQuery 🙂

对于初学者，如果你是jQuery的新手，你可能已经注意到你可以使用html网页内的脚本标签创建内联jQuery，或者你可以创建一个链接到你的html文件的独立.js文件（首选）使用CDN（ 在此处查看 ）或自己手动提供脚本doc文件。 我更喜欢使用google的CDN，因为他们有很多服务器最有可能离客户端较近，而客户端只需要通过CDN加载一次脚本。

在你的html中，提供脚本标签，然后开始使用JS和jQuery！

      //BELOW IS YOUR OWN SCRIPT FILE REFERENCE!  

此外，如果您希望jQuery intellisense在脚本文件中工作，您所要做的就是在您正在使用的脚本文件中添加引用链接！

 ///  $(document).ready(function () { $('.toc-odd level-1').hover( function () { //show its submenu $('ul', this).slideDown(100); }, function () { //hide its submenu $('ul', this).slideUp(100); } ); 

}）;

上面的jQuery示例只是您可以实现以呈现代码的数百万个中的一种。 如果您有兴趣学习快速简洁的库，那么请在30天内查看learn jQuery。

祝你好运，本