用jquery來實作多層menu

最近開始玩jquery
拿了一個手中案子的多層Menu當作練習..
並且把這個menu做成jquery的plugin
出來的結果是這樣

使用方法很簡單...
首先用ul跟li來定義menutree

    

        

            item1
            

                
item1-1
                
item1-2
                    

                        
item1-2-1
                        
item1-2-2
                        
item1-2-3
                    
                
                

                    item1-3
                    

                        
item1-3-1
                        
item1-3-2
                        
item1-3-3
                    
                
            
        
        
                                
        

            item2
            

                
item2-1
                
item2-2
                
item2-3
            
        
        
        

            item3
            

                
item3-1
                
item3-2
                
item3-3
            
        
        
        
    
                    

再來就是用jquery的語法來產生menu

$(function()
{        
    $("#menubar_content").menu();    
});

用法很簡單吧..
這都歸功於menu強大又精簡的framework.. (y)