导航栏,可直接使用

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

        * {

            margin: 0;

            padding: 0;

        }


        body {

            background: #ededed;

        }


        .relative {

            position: relative;

        }


        .absolute {

            position: absolute;

        }


        .hide {

            display: none;

        }


        .container {

            max-width: 1200px;

            margin: 50px auto;

        }


        .navigation-title {

            width: 212px;

            height: 46px;

            background: #B1191A; /*border-left:1px solid #B1191A;*/

        }


            .navigation-title a {

                display: block;

                background: #B1191A;

                line-height: 46px;

                color: white;

                font: 400 15px/44px "microsoft yahei";

                margin: 0 10px;

                text-decoration: none;

            }


        .navigation-container {

            width: 212px;

            list-style: none;

            background: #0088e3 !important; /*border-left:1px solid #0088e3;border-bottom:1px solid #0088e3;*/

        }


            .navigation-container .navigation-item {

                height: 31px;

                line-height: 30px;

                color: white;

                position: relative;

                transition: background .3s;

                -moz-transition: background .3s;

                -webkit-transition: background .3s;

                -o-transition: background .3s;

            }


                .navigation-container .navigation-item:hover {

                    background: white;box-shadow:0 0 8px 0;

                }


                    .navigation-container .navigation-item:hover .child-navigation-container {

                        display: block;box-shadow:0 0 8px 0;

                    }


                    .navigation-container .navigation-item:hover > a {

                        color: #c81623;

                    }


                .navigation-container .navigation-item > a {

                    color: white;

                    font-size: 14px;

                    margin: 0 10px;

                    font-family: "microsoft yahei";

                    text-decoration: none;

                }


                    .navigation-container .navigation-item > a:hover {

                        text-decoration: underline;

                    }


                .navigation-container .navigation-item i {

                    position: absolute;

                    z-index: 1;

                    top: 9px;

                    right: 14px;

                    width: 4px;

                    height: 14px;

                    font: 400 9px/14px consolas;

                }



        .child-navigation-container {

            position: absolute;

            left: 212px;

            top: 0;

            width: 212px;

            background: white; /*outline: 1px solid #0088e3;*/

            overflow: hidden;

            display: none;

        }


            .child-navigation-container li {

                transition: background .3s;

                -moz-transition: background .3s;

                -webkit-transition: background .3s;

                -o-transition: background .3s;

            }


                .child-navigation-container li > a {

                    color: #0088e3;

                    font-size: 14px;

                    margin: 0 10px;

                    font-family: "microsoft yahei";

                    text-decoration: none;

                }


                .child-navigation-container li:hover {

                    background: white;

                }


                    .child-navigation-container li:hover > a {

                        color: #c81623;

                    }



        .s2-child-navigation-container {

            width: 212px;

            position: absolute;

            background: #0088e3;

            top: 0;

        }


        .s2-navigation-container {

            position: absolute;

            left: 212px;

            top: 0;

            width: 212px;

            background: white; /*outline: 1px solid #0088e3;*/

            overflow: hidden;

            min-height: 465px;

        }


            .s2-navigation-container .s2-navigation-item {

                height: 31px;

                line-height: 31px;

                transition: background .3s;

                -moz-transition: background .3s;

                -webkit-transition: background .3s;

                -o-transition: background .3s;

            }


                .s2-navigation-container .s2-navigation-item > a {

                    color: #0088e3;

                    font-size: 14px;

                    margin: 0 10px;

                    font-family: "microsoft yahei";

                    text-decoration: none;

                }


                .s2-navigation-container .s2-navigation-item:hover {

                    background: white;

                }


                    .s2-navigation-container .s2-navigation-item:hover > a {

                        color: #c81623;

                    }

    </style>

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    <script>

        $(function () {

            $(".s2-item").hover(function () {

                var $this = $(this);

                var childid = $this.attr("child");

                var child = $("#" + childid);

                child.show();

            }, function () {

                var $this = $(this);

                var childid = $this.attr("child");

                var child = $("#" + childid);

                child.hide();

            });


            $(".s2-navigation-container").hover(function () {

                var $this = $(this);

                $this.show();

            }, function () {

                var $this = $(this);

                $this.hide();

            });


        });

    </script>

</head>

<body>

    <div class="container">

        <div class="navigation-title"><a href="#">全部商品分类</a></div>

        <ul class="navigation-container">

            <li class="navigation-item"><a href="#">家用电器</a><i>></i></li>

            <li class="navigation-item"><a href="#">手机、数码、通信设备</a><i>></i></li>

            <li class="navigation-item"><a href="#">电脑、办公</a><i>></i></li>

            <li class="navigation-item"><a href="#">家居、家具、家装、厨具</a><i>></i></li>

            <li class="navigation-item"><a href="#">男装、女装、珠宝</a><i>></i></li>

            <li class="navigation-item"><a href="#">个护化妆、清洁用品</a><i>></i></li>

            <li class="navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a><i>></i></li>

            <li class="navigation-item"><a href="#">运动户外</a><i>></i></li>

            <li class="navigation-item"><a href="#">汽车、汽车用品</a><i>></i></li>

            <li class="navigation-item"><a href="#">母婴、玩具乐器</a><i>></i></li>

            <li class="navigation-item"><a href="#">食品、酒类、生鲜、特产</a><i>></i></li>

            <li class="navigation-item"><a href="#">图书、音像、电子书</a><i>></i></li>

            <li class="navigation-item"><a href="#">彩票、旅行、充值、票务</a><i>></i></li>

            <li class="navigation-item"><a href="#">理财、众筹、白条、保险</a><i>></i></li>

            <li class="navigation-item"><a href="#">营养保健</a><i>></i></li>

        </ul>

    </div>


    <div class="container">

        <div class="navigation-title"><a href="#">全部商品分类</a></div>

        <ul class="navigation-container">

            <li class="navigation-item">

                <a href="#">家用电器</a><i>></i>

                <ul class="child-navigation-container">

                    <li><a href="#">家用电器</a></li>

                    <li><a href="#">手机、数码、通信设备</a></li>

                    <li><a href="#">电脑、办公</a></li>

                    <li><a href="#">家居、家具、家装、厨具</a></li>

                </ul>

            </li>

            <li class="navigation-item">

                <a href="#">手机、数码、通信设备</a><i>></i>

                <ul class="child-navigation-container">

                    <li><a href="#">个护化妆、清洁用品</a></li>

                    <li><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li><a href="#">运动户外</a></li>

                </ul>

            </li>

            <li class="navigation-item">

                <a href="#">电脑、办公</a><i>></i>

                <ul class="child-navigation-container">

                    <li><a href="#">汽车、汽车用品</a></li>

                    <li><a href="#">母婴、玩具乐器</a></li>

                    <li><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li><a href="#">图书、音像、电子书</a></li>

                    <li><a href="#">彩票、旅行、充值、票务</a></li>

                    <li><a href="#">理财、众筹、白条、保险</a></li>

                    <li><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item">

                <a href="#">家居、家具、家装、厨具</a><i>></i>

                <ul class="child-navigation-container">

                    <li><a href="#">理财、众筹、白条、保险</a></li>

                    <li><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item">

                <a href="#">男装、女装、珠宝</a><i>></i>

                <ul class="child-navigation-container">

                    <li><a href="#">理财、众筹、白条、保险</a></li>

                    <li><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item"><a href="#">个护化妆、清洁用品</a><i>></i></li>

            <li class="navigation-item">

                <a href="#">鞋靴、箱包、钟表、奢侈品</a><i>></i>

                <ul class="child-navigation-container">

                    <li class="child-navigation-item"><a href="#">家用电器</a></li>

                    <li class="child-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="child-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="child-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="child-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="child-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="child-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="child-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="child-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="child-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="child-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">运动户外</a></li>

                    <li class="child-navigation-item"><a href="#">汽车、汽车用品</a></li>

                    <li class="child-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="child-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="child-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="child-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="child-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="child-navigation-item"><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item">

                <a href="#">运动户外</a><i>></i>

                <ul class="child-navigation-container">

                    <li class="child-navigation-item"><a href="#">家用电器</a></li>

                    <li class="child-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="child-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="child-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="child-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="child-navigation-item"><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item">

                <a href="#">汽车、汽车用品</a><i>></i>

                <ul class="child-navigation-container">

                    <li class="child-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="child-navigation-item"><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item">

                <a href="#">母婴、玩具乐器</a><i>></i>

                <ul class="child-navigation-container">

                    <li class="child-navigation-item"><a href="#">家用电器</a></li>

                    <li class="child-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="child-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="child-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="child-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">运动户外</a></li>

                    <li class="child-navigation-item"><a href="#">汽车、汽车用品</a></li>

                    <li class="child-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="child-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="child-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="child-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="child-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="child-navigation-item"><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item"><a href="#">食品、酒类、生鲜、特产</a><i>></i></li>

            <li class="navigation-item">

                <a href="#">图书、音像、电子书</a><i>></i>

                <ul class="child-navigation-container">

                    <li class="child-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="child-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">运动户外</a></li>

                    <li class="child-navigation-item"><a href="#">汽车、汽车用品</a></li>

                    <li class="child-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="child-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="child-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="child-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="child-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="child-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="child-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="child-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="child-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="child-navigation-item"><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item"><a href="#">彩票、旅行、充值、票务</a><i>></i></li>

            <li class="navigation-item">

                <a href="#">理财、众筹、白条、保险</a><i>></i>

                <ul class="child-navigation-container">

                    <li class="child-navigation-item"><a href="#">家用电器</a></li>

                    <li class="child-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="child-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="child-navigation-item"><a href="#">运动户外</a></li>

                    <li class="child-navigation-item"><a href="#">汽车、汽车用品</a></li>

                    <li class="child-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="child-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="child-navigation-item"><a href="#">营养保健</a></li>

                </ul>

            </li>

            <li class="navigation-item">

                <a href="#">营养保健</a><i>></i>

                <ul class="child-navigation-container">

                    <li class="child-navigation-item"><a href="#">运动户外</a></li>

                    <li class="child-navigation-item"><a href="#">汽车、汽车用品</a></li>

                    <li class="child-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="child-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="child-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="child-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="child-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="child-navigation-item"><a href="#">营养保健</a></li>

                </ul>

            </li>

        </ul>

    </div>


    <div class="container">

        <div class="navigation-title"><a href="#">全部商品分类</a></div>

        <div class="navigation-container relative">

            <div class="navigation-item s2-item" child="cate1"><a href="#">家用电器</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate2"><a href="#">手机、数码、通信设备</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate3"><a href="#">电脑、办公</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate4"><a href="#">家居、家具、家装、厨具</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate5"><a href="#">男装、女装、珠宝</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate6"><a href="#">个护化妆、清洁用品</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate7"><a href="#">鞋靴、箱包、钟表、奢侈品</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate8"><a href="#">运动户外</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate9"><a href="#">汽车、汽车用品</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate10"><a href="#">母婴、玩具乐器</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate11"><a href="#">食品、酒类、生鲜、特产</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate12"><a href="#">图书、音像、电子书</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate13"><a href="#">彩票、旅行、充值、票务</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate14"><a href="#">理财、众筹、白条、保险</a><i>></i></div>

            <div class="navigation-item s2-item" child="cate15"><a href="#">营养保健</a><i>></i></div>

            <div class="s2-child-navigation-container">

                <ul id="cate1" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

                <ul id="cate2" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>


                </ul>

                <ul id="cate3" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

                <ul id="cate4" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">运动户外</a></li>

                    <li class="s2-navigation-item"><a href="#">汽车、汽车用品</a></li>

                    <li class="s2-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="s2-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

                <ul id="cate5" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

                <ul id="cate6" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">运动户外</a></li>

                    <li class="s2-navigation-item"><a href="#">汽车、汽车用品</a></li>

                </ul>

                <ul id="cate7" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

                <ul id="cate8" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">运动户外</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

                <ul id="cate11" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">运动户外</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

                <ul id="cate12" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="s2-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

                <ul id="cate14" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="s2-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                </ul>

                <ul id="cate15" class="s2-navigation-container hide">

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">母婴、玩具乐器</a></li>

                    <li class="s2-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">理财、众筹、白条、保险</a></li>

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">家用电器</a></li>

                    <li class="s2-navigation-item"><a href="#">手机、数码、通信设备</a></li>

                    <li class="s2-navigation-item"><a href="#">电脑、办公</a></li>

                    <li class="s2-navigation-item"><a href="#">家居、家具、家装、厨具</a></li>

                    <li class="s2-navigation-item"><a href="#">男装、女装、珠宝</a></li>

                    <li class="s2-navigation-item"><a href="#">个护化妆、清洁用品</a></li>

                    <li class="s2-navigation-item"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>

                    <li class="s2-navigation-item"><a href="#">食品、酒类、生鲜、特产</a></li>

                    <li class="s2-navigation-item"><a href="#">图书、音像、电子书</a></li>

                    <li class="s2-navigation-item"><a href="#">彩票、旅行、充值、票务</a></li>

                    <li class="s2-navigation-item"><a href="#">营养保健</a></li>

                </ul>

            </div>

        </div>


    </div>

</body>

</html>

 

posted @ 2016-03-26 10:00  透明飞起来了  阅读(289)  评论(0编辑  收藏  举报