日期:2014-05-17  浏览次数:20617 次

用css及jQuery实现的精美拉下菜单导航条


 用css及jQuery实现的下拉精美菜单导航,

源代码下载地址:http://download.csdn.net/my


html代码:


<div class="wrapper">
    <div id="navContainer">
        <ul class="clear" id="nav">
            <li class="first"><a href="#">Home</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Freebies</a>
                <div class="dropDown">
                    <div class="top"></div>
                    <div class="items">
                        <ul>
                            <li class="first"><a href="#">Brushes</a></li>
                            <li><a href="#">Textures</a></li>
                            <li><a href="#">Icon Sets</a></li>
                            <li><a href="#">Patterns</a></li>
                            <li class="last"><a href="#">Vectors</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li><a href="#">Showcase</a>
                <div class="dropDown">
                    <div class="top"></div>
                    <div class="items">
                        <ul>
                            <li class="first"><a href="#">Brushes</a></li>
                            <li><a href="#">Textures