超酷jquery多級下拉式功能表代碼外掛程式

 

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=gbk" />
    <title>外掛程式</title>
    <link type="text/css教程" href="menu.css" rel="stylesheet" />
    <script type="text/網頁特效" src="jquery.js"></script>
    <script type="text/javascript" src="menu.js"></script>
</head>
<body>

<style type="text/css">
* { margin:0;
    padding:0;
}
html { background:#333333; }
body {
    margin:40px auto;
    width:560px;
    height:552px;
    overflow:hidden;
    background:#000 url(images/back.jpg) no-repeat;
}
div#menu {
    margin:30px 0 0 95px;
    position:absolute;
}
div#copyright {
    font:11px 'trebuchet ms';
    color:#fff;
    text-align:center;
    clear:left;
    position:absolute;
    top:546px;
    width:560px;
}
div#copyright a { color:#06b3e1; }
div#copyright a:hover { color:#fff; }
</style>

<div id="menu">
    <ul class="menu">
        <li><a href="#" class="parent"><span>home</span></a>
            <div><ul>
                <li><a href="#" class="parent"><span>sub item 1</span></a>
                    <div><ul>
                        <li><a href="#" class="parent"><span>sub item 1.1</span></a>
                            <div><ul>
                                <li><a href="#"><span>sub item 1.1.1</span></a></li>
                                <li><a href="#"><span>sub item 1.1.2</span></a></li>
                            </ul></div>
                        </li>
                        <li><a href="#"><span>sub item 1.2</span></a></li>
                        <li><a href="#"><span>sub item 1.3</span></a></li>
                        <li><a href="#"><span>sub item 1.4</span></a></li>
                        <li><a href="#"><span>sub item 1.5</span></a></li>
                        <li><a href="#"><span>sub item 1.6</span></a></li>
                        <li><a href="#" class="parent"><span>sub item 1.7</span></a>
                            <div><ul>
                                <li><a href="#"><span>sub item 1.7.1</span></a></li>
                                <li><a href="#"><span>sub item 1.7.2</span></a></li>
                            </ul></div>
                        </li>
                    </ul></div>
                </li>
                <li><a href="#"><span>sub item 2</span></a></li>
                <li><a href="#"><span>sub item 3</span></a></li>
            </ul></div>
        </li>
        <li><a href="#"><span>product info</span></a>
            <div><ul>
                <li><a href="#" class="parent"><span>sub item 1</span></a>
                    <div><ul>
                        <li><a href="#"><span>sub item 1.1</span></a></li>
                        <li><a href="#"><span>sub item 1.2</span></a></li>
                    </ul></div>
                </li>
                <li><a href="#" class="parent"><span>sub item 2</span></a>
                    <div><ul>
                        <li><a href="#"><span>sub item 2.1</span></a></li>
                        <li><a href="#"><span>sub item 2.2</span></a></li>
                    </ul></div>
                </li>
                <li><a href="#"><span>sub item 3</span></a></li>
                <li><a href="#"><span>sub item 4</span></a></li>
                <li><a href="#"><span>sub item 5</span></a></li>
                <li><a href="#"><span>sub item 6</span></a></li>
                <li><a href="#"><span>sub item 7</span></a></li>
            </ul></div>
        </li>
        <li><a href="#"><span>help</span></a></li>
        <li class="last"><a href="#"><span>contacts</span></a></li>
    </ul>
</div>

<div id="copyright">copyright &copy; 2010 <a href="http://apycom.com/">apycom jquery menus</a></div>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

</body>
</html>

下載地址
http://down.111cn.net/down/code/jquery/2010/0830/20526.html