superfish是一款可(kě)以制(zhì)作(zuò)多(duō)級下拉菜單的jquery插件，支持水(shuǐ)平和(hé)垂直方向的菜單，下拉的菜單不會(huì)被标簽select遮擋，支持動态下拉效果，如垂直向下伸展，支持陰影(yǐng)效果（IE6除外），用戶可(kě)定制(zhì)樣式。

主要特性：

如何使用？

1、準備Javascript及插件和(hé)CSS樣式文件。

2、XHTML。

	
	

		首頁
	

	

		新聞 
		

			
			

				國內(nèi) 
				

					
					

						menu item1
					

					

						menu item2 
						

							
							

								Sub menu1
							

							

								Sub menu2
							
...
						

					

					

						menu item3
					

				

			

			

				國際
			

			

				社會(huì)
			
...
		

	

	

		短(duǎn)信 
		

			
			

				短(duǎn)信
			

			

				彩信
			

			

				彩鈴
			

			

				SP
			

		

	
...

一定要注意XHTML的結構，上(shàng)述代碼中“...”是限于篇幅，表示相同的代碼結構重複n次。

3、應用superfish插件。

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

superfish插件常用參數(shù)一覽表

superfish插件還(hái)可(kě)以支持回調函數(shù)，支持hoverIntent插件，在有(yǒu)hoverIntent插件的情況下執行(xíng)hoverIntent而忽視(shì)淡入淡出效果。如果基于某種原因在你(nǐ)使用superfish時(shí)不想使用hoverIntent，将disableHI設置為(wèi) "true"。

此外當遇到select标簽時(shí)，為(wèi)了不讓下拉菜單被select遮擋，需要調用另一個(gè)插件：bgiframe，使用方法：

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