基于jQuery實現仿天貓分類導航菜單代碼



40 158 53



特效描述:基于jQuery實現 仿天貓 分類導航菜單,基于jQuery實現仿天貓分類導航菜單代碼

代碼結構

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css">

2. 引入JS

<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3. HTML代碼

<div class="tmall_box">
	<div class="menu">
    	<ul>
        	<li><a href="http://51qianduan.com">品牌街</a></li>
            <li><a href="http://51qianduan.com">喵鮮生</a></li>
            <li><a href="http://51qianduan.com">積分聚樂部</a></li>
            <li><a href="http://51qianduan.com">電器城</a></li>
            <li><a href="http://51qianduan.com">新首發</a></li>
            <li><a href="http://51qianduan.com">天貓超市</a></li>
        </ul>
    </div>
    <div id="tmall_nav">
    	<!--左側欄目開始-->
    	<div class="tmall_cat_nav fl">
        	<div class="tmall_mod_title">商品服務分類</div>
            <ul class="cate_nav">
            	<li>
                	<div class="cat_0_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3451;</s>
                        精選市場
                    </div>
                </li>
            	<li>
                	<div class="cat_1_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3459;</s>
                        <a href="http://51qianduan.com">女裝</a> / <a href="#">內衣</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_2_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x346c;</s>
                        <a href="http://51qianduan.com">男裝</a> / <a href="http://51qianduan.com">運動</a> / <a href="http://51qianduan.com">戶外</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_3_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x346d;</s>
                        <a href="http://51qianduan.com">女鞋</a> / <a href="http://51qianduan.com">男鞋</a> / <a href="http://51qianduan.com">箱包</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_4_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x345c;</s>
                        <a href="http://51qianduan.com">化妝品</a> / <a href="http://51qianduan.com">個人護理</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_5_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3457;</s>
                        <a href="http://51qianduan.com">手機數碼</a> / <a href="http://51qianduan.com">電腦辦公</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_6_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3456;</s>
                        <a href="http://51qianduan.com">母嬰玩具</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_7_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3455;</s>
                        <a href="http://51qianduan.com">食品</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_8_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3454;</s>
                        <a href="http://51qianduan.com">大家電</a> / <a href="http://51qianduan.com">生活電器</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_9_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x345e;</s>
                        <a href="http://51qianduan.com">家具建材</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_10_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3452;</s>
                        <a href="http://51qianduan.com">珠寶飾品</a> / <a href="http://51qianduan.com">手表眼鏡</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_11_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x345d;</s>
                        <a href="http://51qianduan.com">全新整車</a> / <a href="http://51qianduan.com">汽車配件</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_12_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x346e;</s>
                        <a href="http://51qianduan.com">家紡</a> / <a href="http://51qianduan.com">家飾</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_13_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3460;</s>
                        <a href="http://51qianduan.com">醫藥保健</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_14_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x345f;</s>
                        <a href="http://51qianduan.com">居家百貨</a>
                    </div>
                </li>
            	<li>
                	<div class="cat_15_nav">
                    	<s class="cat-nav-icon fp-iconfont">&#x3461;</s>
                        <a href="http://51qianduan.com">圖書音像</a>
                    </div>
                </li>
            </ul>
        </div>
        <!--左側欄目結束-->
        <!--右側內容開始-->
        <div class="tmall_cat_content fr">
        	<div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_0">
                	<ul class="cat_label_list market_list clearfix">
                    	<li><a href="http://51qianduan.com">女裝</a></li>
                        <li><a href="http://51qianduan.com">電器</a></li>
                        <li><a href="http://51qianduan.com">男裝</a></li>
                        <li><a href="http://51qianduan.com">美妝</a></li>
                        <li><a href="http://51qianduan.com">內衣</a></li>
                        <li><a href="http://51qianduan.com">母嬰</a></li>
                        <li><a href="http://51qianduan.com">箱包</a></li>
                        <li><a href="http://51qianduan.com">家裝</a></li>
                        <li><a href="http://51qianduan.com">戶外</a></li>
                        <li><a href="http://51qianduan.com">醫藥</a></li>
                        <li><a href="http://51qianduan.com">女鞋</a></li>
                        <li><a href="http://51qianduan.com">書城</a></li>
                        <li><a href="http://51qianduan.com">男鞋</a></li>
                        <li><a href="http://51qianduan.com">鮮花</a></li>
                    </ul>
                    <h3 class="cat_label_title">主題購</h3>
                    <ul class="cat_label_list">
                    	<li><a href="http://51qianduan.com">新衣過年</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">達人說菜</a></li>
                        <li><a href="http://51qianduan.com">科技生活</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">春季備孕</a></li>
                        <li><a href="http://51qianduan.com">安全守護</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">香聚一堂</a></li>
                    </ul>
                	<a class="market_banner" href="http://51qianduan.com"><img src="images/0.png" /></a>
                </div>
                <div class="fl cat_banner">
                    <ul class="cat_banner_pic">
                        <li><a href="http://51qianduan.com"><img src="images/1.jpg" width="459" height="482" /></a></li>
                        <li><a href="http://51qianduan.com"><img src="images/2.jpg" width="459" height="482" /></a></li>
                        <li><a href="http://51qianduan.com"><img src="images/3.jpg" width="459" height="482" /></a></li>
                    </ul>
                    <a class="prev_pic" href="javascript:void(0)"></a>
                    <a class="next_pic" href="javascript:void(0)"></a>
                    <div class="num">
                        <ul></ul>
                    </div>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/21jpg.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/22.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/23.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_1">
                	<h3 class="cat_title">女裝/內衣</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">新品頻道</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">女裝頻道</a></li>
                        <li><a href="http://51qianduan.com">品牌特賣</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">T恤</a></li>
                        <li><a href="http://51qianduan.com">連衣裙</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">半身裙</a></li>
                        <li><a href="http://51qianduan.com">襯衫</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">針織衫</a></li>
                        <li><a href="http://51qianduan.com">毛衣</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">羊絨衫</a></li>
                        <li><a href="http://51qianduan.com">毛呢外套</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">羊絨大衣</a></li>
                        <li><a href="http://51qianduan.com">小西裝</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">風衣</a></li>
                        <li><a href="http://51qianduan.com">褲子</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">牛仔褲</a></li>
                        <li><a href="http://51qianduan.com">短外套</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">衛衣</a></li>
                        <li><a href="http://51qianduan.com">羽絨服</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">棉衣</a></li>
                        <li><a href="http://51qianduan.com">大牌文胸</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">男士內衣</a></li>
                        <li><a href="http://51qianduan.com">睡衣上新</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">內衣頻道</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/10.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/11.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/12.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/13.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/14.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/15.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/7.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/8.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/9.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/4.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/5.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/6.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_2">
                	<h3 class="cat_title">男裝/運動/戶外</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">襯衫</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">T恤</a></li>
                        <li><a href="http://51qianduan.com">夾克</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">牛仔褲</a></li>
                        <li><a href="http://51qianduan.com">休閑褲</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">針織衫</a></li>
                        <li><a href="http://51qianduan.com">西服</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">衛衣</a></li>
                        <li><a href="http://51qianduan.com">皮衣</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">風衣</a></li>
                        <li><a href="http://51qianduan.com">棉衣</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">羽絨服</a></li>
                        <li><a href="http://51qianduan.com">西服套裝</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">西褲</a></li>
                        <li><a href="http://51qianduan.com">運動鞋</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">運動服</a></li>
                        <li><a href="http://51qianduan.com">籃球鞋</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">跑步鞋</a></li>
                        <li><a href="http://51qianduan.com">沖鋒衣褲</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">登山鞋</a></li>
                        <li><a href="http://51qianduan.com">登山包</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">自行車</a></li>
                        <li><a href="http://51qianduan.com">跑步機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">健身用品</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/16.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/17.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/18.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/19.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/20.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/21.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/24.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/21jpg.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/22.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/23.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_3">
                	<h3 class="cat_title">女鞋/男鞋/箱包</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">時尚女鞋</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">流行男鞋</a></li>
                        <li><a href="http://51qianduan.com">熱賣新品</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">男休閑鞋</a></li>
                        <li><a href="http://51qianduan.com">深口單鞋</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">正裝皮鞋</a></li>
                        <li><a href="http://51qianduan.com">淺口單鞋</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">男士單鞋</a></li>
                        <li><a href="http://51qianduan.com">中跟單鞋</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">男帆布鞋</a></li>
                        <li><a href="http://51qianduan.com">氣質短靴</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">男士潮鞋</a></li>
                        <li><a href="http://51qianduan.com">中筒靴</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">高幫鞋</a></li>
                        <li><a href="http://51qianduan.com">潮流女包</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">雙肩包</a></li>
                        <li><a href="http://51qianduan.com">女士錢包</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">拉桿箱</a></li>
                        <li><a href="http://51qianduan.com">真皮女包</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">皮帶</a></li>
                        <li><a href="http://51qianduan.com">斜挎女包</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">圍巾</a></li>
                        <li><a href="http://51qianduan.com">斜挎男包</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">大牌底價</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/10.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/11.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/12.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/13.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/14.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/15.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="fl banner-grid-b4" href="http://51qianduan.com"><img src="images/27.jpg" /></a>
                    <a class="fl banner-grid-b5" href="http://51qianduan.com"><img src="images/29.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/4.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/5.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/6.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_4">
                	<h3 class="cat_title">天貓美妝</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">面部護膚</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">護理套裝</a></li>
                        <li><a href="http://51qianduan.com">面膜</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">乳液面霜</a></li>
                        <li><a href="http://51qianduan.com">身體護理</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">眼部護理</a></li>
                        <li><a href="http://51qianduan.com">化妝水</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">面部精華</a></li>
                        <li><a href="http://51qianduan.com">BB霜</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">男士護理</a></li>
                        <li><a href="http://51qianduan.com">精油芳療</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">香水</a></li>
                        <li><a href="http://51qianduan.com">潔面</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">手部保養</a></li>
                        <li><a href="http://51qianduan.com">美容工具</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">胸部護理</a></li>
                        <li><a href="http://51qianduan.com">美甲</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">彩妝套裝</a></li>
                        <li><a href="http://51qianduan.com">卸妝</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">隔離</a></li>
                        <li><a href="http://51qianduan.com">洗發沐浴</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">衛生巾</a></li>
                        <li><a href="http://51qianduan.com">假發</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">染發燙發</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/16.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/17.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/18.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/19.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/20.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/21.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a href="http://51qianduan.com"><img src="images/30.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/21jpg.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/22.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/23.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_5">
                	<h3 class="cat_title">手機數碼</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">大屏手機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">筆記本</a></li>
                        <li><a href="http://51qianduan.com">雙卡雙待</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">平板電腦</a></li>
                        <li><a href="http://51qianduan.com">熱賣新機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">臺式機</a></li>
                        <li><a href="http://51qianduan.com">千元智能</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">DIY電腦</a></li>
                        <li><a href="http://51qianduan.com">合約購機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">顯示器</a></li>
                        <li><a href="http://51qianduan.com">云os手機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">打印機</a></li>
                        <li><a href="http://51qianduan.com">旗艦手機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">路由器</a></li>
                        <li><a href="http://51qianduan.com">拍照手機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">電子詞典</a></li>
                        <li><a href="http://51qianduan.com">單反</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">拍立得</a></li>
                        <li><a href="http://51qianduan.com">移動電源</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">蘋果配件</a></li>
                        <li><a href="http://51qianduan.com">U盤</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">移動硬盤</a></li>
                        <li><a href="http://51qianduan.com">耳機耳麥</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">高清盒子</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/10.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/11.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/12.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/13.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/14.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/15.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/31.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/4.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/5.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/6.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_6">
                	<h3 class="cat_title">天貓母嬰</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">牛奶粉</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">羊奶粉</a></li>
                        <li><a href="http://51qianduan.com">嬰兒鈣</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">DHA</a></li>
                        <li><a href="http://51qianduan.com">紙尿褲</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">奶瓶</a></li>
                        <li><a href="http://51qianduan.com">寶寶洗護</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">推車</a></li>
                        <li><a href="http://51qianduan.com">嬰兒床</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">睡袋抱被</a></li>
                        <li><a href="http://51qianduan.com">褲子</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">襯衫</a></li>
                        <li><a href="http://51qianduan.com">裙子</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">兒童內衣</a></li>
                        <li><a href="http://51qianduan.com">童裝</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">童鞋</a></li>
                        <li><a href="http://51qianduan.com">嬰幼玩具</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">早教</a></li>
                        <li><a href="http://51qianduan.com">電動遙控</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">毛絨布藝</a></li>
                        <li><a href="http://51qianduan.com">孕婦裝</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">托腹褲</a></li>
                        <li><a href="http://51qianduan.com">防輻射</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">內衣內褲</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/16.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/17.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/18.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/19.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/20.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/21.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a href="http://51qianduan.com"><img src="images/32.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/21jpg.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/22.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/23.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_7">
                	<h3 class="cat_title">食品</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">美國館</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">澳洲館</a></li>
                        <li><a href="http://51qianduan.com">臺灣館</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">泰國館</a></li>
                        <li><a href="http://51qianduan.com">進口美食</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">大棗</a></li>
                        <li><a href="http://51qianduan.com">堅果</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">牛肉干</a></li>
                        <li><a href="http://51qianduan.com">糖果</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">巧克力</a></li>
                        <li><a href="http://51qianduan.com">餅干</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">開心果</a></li>
                        <li><a href="http://51qianduan.com">碧根果</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">干果</a></li>
                        <li><a href="http://51qianduan.com">普洱</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">罐頭</a></li>
                        <li><a href="http://51qianduan.com">茶葉</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">鐵觀音</a></li>
                        <li><a href="http://51qianduan.com">水果</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">海鮮</a></li>
                        <li><a href="http://51qianduan.com">白酒</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">葡萄酒</a></li>
                        <li><a href="http://51qianduan.com">黃酒</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">洋酒</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/10.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/11.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/12.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/13.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/14.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/15.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a href="http://51qianduan.com"><img src="images/33.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/4.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/5.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/6.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_8">
                	<h3 class="cat_title">家用電器</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">電視機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">電飯煲</a></li>
                        <li><a href="http://51qianduan.com">熱水器</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">電熱水壺</a></li>
                        <li><a href="http://51qianduan.com">洗衣機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">凈水器</a></li>
                        <li><a href="http://51qianduan.com">冰箱</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">榨汁機</a></li>
                        <li><a href="http://51qianduan.com">煙灶套裝</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">吸塵器</a></li>
                        <li><a href="http://51qianduan.com">電熱水器</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">掃地機</a></li>
                        <li><a href="http://51qianduan.com">空調</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">空凈氧吧</a></li>
                        <li><a href="http://51qianduan.com">家庭影院</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">暖風取暖</a></li>
                        <li><a href="http://51qianduan.com">油煙機</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">剃須刀</a></li>
                        <li><a href="http://51qianduan.com">燃氣灶</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">電吹風</a></li>
                        <li><a href="http://51qianduan.com">消毒柜</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">足浴器</a></li>
                        <li><a href="http://51qianduan.com">4K高清</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">卷直發器</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/16.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/17.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/18.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/19.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/20.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/21.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/34.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/21jpg.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/22.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/23.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_9">
                	<h3 class="cat_title">天貓家裝</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">燈具</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">柜類</a></li>
                    	<li><a href="http://51qianduan.com">衛浴</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">沙發</a></li>
                    	<li><a href="http://51qianduan.com">開關插座</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">床類</a></li>
                    	<li><a href="http://51qianduan.com">壁紙</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">桌類</a></li>
                    	<li><a href="http://51qianduan.com">地板</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">坐具</a></li>
                    	<li><a href="http://51qianduan.com">廚房</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">床墊</a></li>
                    	<li><a href="http://51qianduan.com">涂料</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">架類</a></li>
                    	<li><a href="http://51qianduan.com">門類</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">書房</a></li>
                    	<li><a href="http://51qianduan.com">浴霸</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">幾類</a></li>
                    	<li><a href="http://51qianduan.com">安防監控</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">案臺</a></li>
                    	<li><a href="http://51qianduan.com">五金工具</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">玄關</a></li>
                    	<li><a href="http://51qianduan.com">裝修</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">設計</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/10.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/11.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/12.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/13.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/14.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/15.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/35.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/4.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/5.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/6.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_10">
                	<h3 class="cat_title">珠寶配飾</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">珠寶</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">黃金</a></li>
                    	<li><a href="http://51qianduan.com">鉆石</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">珍珠</a></li>
                    	<li><a href="http://51qianduan.com">翡翠</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">彩寶</a></li>
                    	<li><a href="http://51qianduan.com">玉石</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">鉑金</a></li>
                    	<li><a href="http://51qianduan.com">飾品</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">手鏈</a></li>
                    	<li><a href="http://51qianduan.com">項鏈</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">手鐲</a></li>
                    	<li><a href="http://51qianduan.com">發飾</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">項墜</a></li>
                    	<li><a href="http://51qianduan.com">戒指</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">耳飾</a></li>
                    	<li><a href="http://51qianduan.com">男表</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">銀條</a></li>
                    	<li><a href="http://51qianduan.com">女表</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">男士配飾</a></li>
                    	<li><a href="http://51qianduan.com">太陽鏡</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">ZIPPO</a></li>
                    	<li><a href="http://51qianduan.com">眼鏡</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">瑞士軍刀</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/16.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/17.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/18.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/19.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/20.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/21.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/36.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/21jpg.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/22.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/23.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_11">
                	<h3 class="cat_title">汽車/用品</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">自主品牌</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">美系品牌</a></li>
                    	<li><a href="http://51qianduan.com">歐系品牌</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">日系品牌</a></li>
                    	<li><a href="http://51qianduan.com">座墊</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">空氣凈化</a></li>
                    	<li><a href="http://51qianduan.com">腳墊</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">車衣</a></li>
                    	<li><a href="http://51qianduan.com">座套</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">裝飾條</a></li>
                    	<li><a href="http://51qianduan.com">安全座椅</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">雨刮器</a></li>
                    	<li><a href="http://51qianduan.com">后備箱墊</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">輪胎</a></li>
                    	<li><a href="http://51qianduan.com">方向盤套</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">車燈</a></li>
                    	<li><a href="http://51qianduan.com">DVD導航</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">洗車機</a></li>
                    	<li><a href="http://51qianduan.com">GPS</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">機油</a></li>
                    	<li><a href="http://51qianduan.com">記錄儀</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">車蠟</a></li>
                    	<li><a href="http://51qianduan.com">充氣泵</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">摩托裝備</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/10.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/11.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/12.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/13.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/14.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/15.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/37.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/4.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/5.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/6.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_12">
                	<h3 class="cat_title">家紡家飾</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">床上用品</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">四件套</a></li>
                    	<li><a href="http://51qianduan.com">厚冬被</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">羽絨被</a></li>
                    	<li><a href="http://51qianduan.com">蠶絲被</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">枕頭</a></li>
                    	<li><a href="http://51qianduan.com">記憶枕</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">床墊</a></li>
                    	<li><a href="http://51qianduan.com">毛毯</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">兒童床品</a></li>
                    	<li><a href="http://51qianduan.com">婚慶床品</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">三件套</a></li>
                    	<li><a href="http://51qianduan.com">被套</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">毛浴巾</a></li>
                    	<li><a href="http://51qianduan.com">棉拖鞋</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">沙發墊</a></li>
                    	<li><a href="http://51qianduan.com">十字繡</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">窗簾</a></li>
                    	<li><a href="http://51qianduan.com">地毯</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">抱枕</a></li>
                    	<li><a href="http://51qianduan.com">防塵罩</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">裝飾畫</a></li>
                    	<li><a href="http://51qianduan.com">裝飾擺件</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">喵喵花園</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/16.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/17.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/18.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/19.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/20.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/21.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/38.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/21jpg.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/22.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/23.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_13">
                	<h3 class="cat_title">天貓醫藥</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">左旋肉堿</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">蜂蜜</a></li>
                    	<li><a href="http://51qianduan.com">酵素</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">枸杞</a></li>
                    	<li><a href="http://51qianduan.com">維生素E</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">阿膠</a></li>
                    	<li><a href="http://51qianduan.com">維生素C</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">燕窩</a></li>
                    	<li><a href="http://51qianduan.com">葡萄籽</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">冬蟲夏草</a></li>
                    	<li><a href="http://51qianduan.com">蛋白質粉</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">人參</a></li>
                    	<li><a href="http://51qianduan.com">膠原蛋白</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">石斛楓斗</a></li>
                    	<li><a href="http://51qianduan.com">魚油</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">養生茶</a></li>
                    	<li><a href="http://51qianduan.com">螺旋藻</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">補益安神</a></li>
                    	<li><a href="http://51qianduan.com">腸胃用藥</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">鴻茅藥酒</a></li>
                    	<li><a href="http://51qianduan.com">血壓儀</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">隱形眼鏡</a></li>
                    	<li><a href="http://51qianduan.com">避孕套</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">情趣玩具</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/10.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/11.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/12.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/13.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/14.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/15.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/39.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/4.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/5.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/6.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_14">
                	<h3 class="cat_title">居家百貨</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">保溫杯</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">鍋具</a></li>
                    	<li><a href="http://51qianduan.com">瓷器餐具</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">茶具</a></li>
                    	<li><a href="http://51qianduan.com">保鮮用品</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">酒具</a></li>
                    	<li><a href="http://51qianduan.com">廚房工具</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">咖啡器具</a></li>
                    	<li><a href="http://51qianduan.com">拖把</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">收納</a></li>
                    	<li><a href="http://51qianduan.com">晾衣架</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">足浴桶</a></li>
                    	<li><a href="http://51qianduan.com">置物架</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">垃圾桶</a></li>
                    	<li><a href="http://51qianduan.com">婚慶用品</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">創意禮品</a></li>
                    	<li><a href="http://51qianduan.com">晴雨傘</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">縫紉機</a></li>
                    	<li><a href="http://51qianduan.com">防護用品</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">紙品</a></li>
                    	<li><a href="http://51qianduan.com">清潔劑</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">香薰除臭</a></li>
                    	<li><a href="http://51qianduan.com">狗狗主糧</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">寵物用品</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/16.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/17.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/18.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/19.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/20.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/21.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a href="http://51qianduan.com"><img src="images/40.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                 	<li><a href="http://51qianduan.com"><img src="images/21jpg.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/22.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/23.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
            <div class="cat_pannel clearfix">
            	<div class="fl cat_detail grid_col_15">
                	<h3 class="cat_title">天貓圖書</h3>
                    <ul class="cat_label_list clearfix">
                    	<li><a href="http://51qianduan.com">小說</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">生活</a></li>
                    	<li><a href="http://51qianduan.com">言情</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">旅行</a></li>
                    	<li><a href="http://51qianduan.com">懸疑</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">美食</a></li>
                    	<li><a href="http://51qianduan.com">歷史</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">人文社科</a></li>
                    	<li><a href="http://51qianduan.com">科幻</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">哲學宗教</a></li>
                    	<li><a href="http://51qianduan.com">文學</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">財經勵志</a></li>
                    	<li><a href="http://51qianduan.com">傳記</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">經濟</a></li>
                    	<li><a href="http://51qianduan.com">動漫</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">管理</a></li>
                    	<li><a href="http://51qianduan.com">童書</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">勵志</a></li>
                    	<li><a href="http://51qianduan.com">育兒</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">考試</a></li>
                    	<li><a href="http://51qianduan.com">繪本</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">音像</a></li>
                    	<li><a href="http://51qianduan.com">孕期</a></li>
                        <li class="second_label"><a href="http://51qianduan.com">雜志</a></li>
                    </ul>
                    <div class="cat_brand">
                    	<ul class="cat_slide_brand">
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/10.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/11.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/12.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/13.jpg" width="90" height="40" /></a>
                            </li>
                        	<li>
                            	<a href="http://51qianduan.com"><img src="images/14.jpg" width="90" height="40" /></a>
                                <a href="http://51qianduan.com"><img src="images/15.jpg" width="90" height="40" /></a>
                            </li>
                        </ul>
                        <ul class="cat_slide_nav">
                        	<li>?</li>
                            <li>?</li>
                            <li>?</li>
                        </ul>
                    </div>
                </div>
                <div class="fl cat_banner">
                	<a class="banner-grid-b1" href="http://51qianduan.com"><img src="images/41.jpg" /></a>
                    <a class="fl banner-grid-b2" href="http://51qianduan.com"><img src="images/25.jpg" /></a>
                    <a class="fl banner-grid-b3" href="http://51qianduan.com"><img src="images/26.jpg" /></a>
                </div>
                <ul class="fl cat_small_banner">
                	<li><a href="http://51qianduan.com"><img src="images/4.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/5.jpg" width="190" height="160" /></a></li>
                    <li><a href="http://51qianduan.com"><img src="images/6.jpg" width="190" height="160" /></a></li>
                </ul>
            </div>
        </div>
        <!--右側內容結束-->
    </div>
</div>
<script type="text/javascript">
$(".cat_banner").hover(function(){
		$(this).find(".prev_pic,.next_pic").fadeTo("show",0.2);
	},function(){
		$(this).find(".prev_pic,.next_pic").hide();
})
$(".prev_pic,.next_pic").hover(function(){
	$(this).fadeTo("show",0.5);
},function(){
	$(this).fadeTo("show",0.2);
})
$(".cat_banner").slide({ 
	titCell:".num ul" , 
	mainCell:".cat_banner_pic" , 
	effect:"left",
	prevCell:".prev_pic",
	nextCell:".next_pic",
	autoPlay:true, 
	interTime:3000, 
	delayTime:500,
	autoPage:true 
});
$(".cat_small_banner li").hover(function(){
	$(this).animate({"left":-5},200);
},function(){
	$(this).animate({"left":0},200);
});
$(".cat_brand").slide({ 
	titCell:".cat_slide_nav li", 
	mainCell:".cat_slide_brand", 
	effect:"left",
	autoPlay:true,
	interTime:3000,
	delayTime:700
});
$("#tmall_nav").slide({ 
	titCell:".cate_nav li",
	mainCell:".tmall_cat_content",
	autoPlay:true,
	interTime:7400,
	delayTime:0 
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: flash導航菜單 flash導航條 flash導航 flash菜單 flash下拉菜單 flash下拉導航菜單 導航切換 菜單切換 右鍵菜單 滑動導航菜單 滑動導航 滑動菜單 滾動導航菜單 滾動菜單 滾動導航 收縮菜單 收縮導航 h5動畫導航 h5動畫菜單 html5動畫導航 html5動畫菜單 浮動菜單 浮動導航 滾動切換 滾動條切換 滑動選項卡 滑動切換 滑動手風琴 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動星星打分 導航菜單 導航條 菜單欄 導航欄 分類導航 響應式導航條 響應式導航 其他 導航切換 菜單切換 二級菜單 二級導航菜單 二級導航 側邊菜單 側邊導航 導航菜單插件 導航插件 菜單插件 文字導航菜單 文字導航 文字菜單 鼠標滑過 鼠標懸停 跟隨鼠標移動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子