如何分析superfish的應(yīng)用，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)，為您提供重慶網(wǎng)站建設(shè)公司、網(wǎng)站制作、網(wǎng)站營(yíng)銷推廣、網(wǎng)站開(kāi)發(fā)設(shè)計(jì)，對(duì)服務(wù)成都陽(yáng)臺(tái)護(hù)欄等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈，認(rèn)真對(duì)待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

superfish是一款可以制作多級(jí)下拉菜單的jquery插件，支持水平和垂直方向的菜單，下拉的菜單不會(huì)被標(biāo)簽select遮擋，支持動(dòng)態(tài)下拉效果，如垂直向下伸展，支持陰影效果（IE6除外），用戶可定制樣式。

如何使用？

1、準(zhǔn)備Javascript及插件和CSS樣式文件。

2、XHTML。

    
• 首頁(yè)
    
• 新聞          
              
  • 國(guó)內(nèi)                
                      
    • menu item1
                      
    • menu item2                        
                                  
      • Sub menu1
                                  
      • Sub menu2
                                  ...                        
                         

                       
    • menu item3
                    

                 

               
  • 國(guó)際
               
  • 社會(huì)
               

  ...          

       

     
• 短信             
                  
  • 短信
                  
  • 彩信
                  
  • 彩鈴
                  
  • SP
              

       

     

... 

一定要注意XHTML的結(jié)構(gòu)，上述代碼中“...”是限于篇幅，表示相同的代碼結(jié)構(gòu)重復(fù)n次。

3、應(yīng)用superfish插件。

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

superfish插件可以支持回調(diào)函數(shù)，支持hoverIntent插件，在有hoverIntent插件的情況下執(zhí)行hoverIntent而忽視淡入淡出效果。如果基于某種原因在你使用superfish時(shí)不想使用hoverIntent，將disableHI設(shè)置為 "true"。

此外當(dāng)遇到select標(biāo)簽時(shí)，為了不讓下拉菜單被select遮擋，需要調(diào)用另一個(gè)插件：bgiframe，使用方法：

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

關(guān)于如何分析superfish的應(yīng)用問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

網(wǎng)站題目：如何分析superfish的應(yīng)用-創(chuàng)新互聯(lián)
本文URL：http://weahome.cn/article/dgesod.html