用jquery来作多层menu演示

　　最近开始玩jquery

　　拿了一个手中案子的多层Menu当作练习..

　　并且把这个menu做成jquery的plugin

　　出来的结果是这样

　　使用方法很简单...

　　首先用ul跟li来定义menutree

<div id="menubar_content">
    <ul>
        <li>
            <a href="#">item1</a>
            <ul>
                <li><span><img src="images/logo.png">item1-1</span></li>
                <li>item1-2
                    <ul>
                        <li>item1-2-1</li>
                        <li>item1-2-2</li>
                        <li>item1-2-3</li>
                    </ul>
                </li>
                <li>
                    <a href="#"><b>item1-3</b></a>
                    <ul>
                        <li><a href="#"><b>item1-3-1</b></a></li>
                        <li>item1-3-2</li>
                        <li>item1-3-3</li>
                    </ul>
                </li>
            </ul>
        
        </li>
                                
        <li>
            item2
            <ul>
                <li>item2-1</li>
                <li>item2-2</li>
                <li>item2-3</li>
            </ul>
        
        </li>
        <li>
            item3
            <ul>
                <li>item3-1</li>
                <li>item3-2</li>
                <li>item3-3</li>
            </ul>
        
        </li>
        
    </ul>                   
</div>

　　再来就是用jquery的语法来产生menu

　　$(function()

　　{

　　$("#menubar_content").menu();

　　});

　　用法很简单吧..

　　这都归功于menu强大又精简的framework..