superfish是一款可以制作多级下拉菜单的jquery插件，支持水平和垂直方向的菜单，下拉的菜单不会被标签select遮挡，支持动态下拉效果，如垂直向下伸展，支持阴影效果（IE6除外），用户可定制样式。

如何使用？

1、准备Javascript及插件和CSS样式文件。

2、XHTML。

    
• 首页
    
• 新闻          
              
  • 国内                
                      
    • menu item1
                      
    • menu item2                        
                                  
      • Sub menu1
                                  
      • Sub menu2
                                  ...                        
                         

                       
    • menu item3
                    

                 

               
  • 国际
               
  • 社会
               

  ...          

       

     
• 短信             
                  
  • 短信
                  
  • 彩信
                  
  • 彩铃
                  
  • SP
              

       

     

... 

一定要注意XHTML的结构，上述代码中“...”是限于篇幅，表示相同的代码结构重复n次。

3、应用superfish插件。

$(function(){   $("ul.sf-menu").superfish(); });

superfish插件可以支持回调函数，支持hoverIntent插件，在有hoverIntent插件的情况下执行hoverIntent而忽视淡入淡出效果。如果基于某种原因在你使用superfish时不想使用hoverIntent，将disableHI设置为 "true"。

此外当遇到select标签时，为了不让下拉菜单被select遮挡，需要调用另一个插件：bgiframe，使用方法：

$("ul.sf-menu").superfish().find('ul').bgIframe({opacity:false});