jQuery插件jfastmenu实现下拉菜单功能

这里介绍一个jQuery插件jfastmenu下拉菜单，使用同样非常简单，只需要设置需要显示的菜单，就可轻松实现下拉菜单功能，效果图如下：

使用说明
需要使用jQuery库文件和jfastmenu库文件
可自定义jfastmenu下拉菜单CSS样式，如：menu.css
支持浏览器：Internet Explorer, Firefox, Safari, Opera and Chrome

使用实例
一，包含文件部分

1. <script type="text/javascript" src="jquery.js"></script>
2. <script type="text/javascript" src="jfastmenu.js"></script>

二，HTML部分
使用ul和li定义菜单层次级别，如下实例

1. <div id="menu">
2. <ul>
3. <li><a href="#">home</a></li>
4. <li><a href="#">PHP</a>
5. <ul>
6. <li><a href="#">php</a></li>
7. <li><a href="#">biuuu</a>
8. <ul>
9. <li><a href="#">php</a></li><li><a href="#">mysql</a>
10. <ul>
11. <li><a href="#">jquery</a></li>
12. <li><a href="#">biuuu</a></li>
13. </ul>
14. </li>
15. </ul>
16. </li>
17. <li>
18. <a href="#">jquery</a>
19. <ul>
20. <li><a href="#">jfastmenu</a></li>
21. <li><a href="#">SmoothNavigationalMenu</a></li>
22. </ul>
23. </li>
24. </ul>
25. </li>
26. <li><a href="#">jQuery</a></li>
27. <li><a href="#">MySQL</a></li>
28. <li><a href="#">SEO</a></li>
29. </ul>
30. </div>

三，javascript部分(调用jQuery插件jfastmenu下拉菜单)

1. <script type="text/javascript">
2. $(document).ready(function(){
3. $.jFastMenu("#menu");
4. });
5. </script>

由上实例可知，使用jQuery插件jfastmenu下拉菜单非常简单，使用时只需要注意菜单的层级关系，就可实现下拉菜单功能。

点我查看jQuery插件jfastmenu下拉菜单在线演示