superfish是一款可(kě)以制(zhì)作(zuò)多(duō)級下拉菜單的jquery插件，支持水(shuǐ)平和(hé)垂直方向的菜單，下拉的菜單不會(huì)被标簽select遮擋，支持動态下拉效果，如垂直向下伸展，支持陰影(yǐng)效果（IE6除外），用戶可(kě)定制(zhì)樣式。
主要特性：
如何使用？
1、準備Javascript及插件和(hé)CSS樣式文件。
2、XHTML。
一定要注意XHTML的結構，上(shàng)述代碼中“...”是限于篇幅，表示相同的代碼結構重複n次。
3、應用superfish插件。
$(function(){
$("ul.sf-menu").superfish();
});
superfish插件常用參數(shù)一覽表
|
參數(shù)
|
描述
|
默認值
|
|
hoverClass
|
鼠标滑向菜單項的樣式
|
'sfHover'
|
|
pathClass
|
設置當前項的樣式，頁面初始一個(gè)當前選中狀态的樣式
|
'overideThisToUse'
|
|
delay
|
鼠标離開(kāi)下拉展開(kāi)的菜單，等待關閉菜單的時(shí)間(jiān)（毫秒(miǎo)）
|
800
|
|
animation
|
菜單展示效果
|
{opacity:'show'}
|
|
speed
|
設置菜單展開(kāi)速度，可(kě)以為(wèi)'slow','fast','normal'
|
'normal'
|
|
disableHI
|
設置為(wèi)true時(shí)，則不支持hoverIntent插件
|
true
|
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});
合作(zuò)
咨詢
建站(zhàn)咨詢
