話不多說，上局部效果圖：
html結構，左側定位的導航需要一個ul，中間內容，我是直接截得圖片，為了效果省事，也是用的ul，最后你們要用的話也可以用ul，或者div，但是每個區域得是一個div，例如，精選的放一個div，女裝的放一個div，所有的區域都套在一個大的div里面，也就是類似于ul>li的結構（只提供html結構和jQuery，樣式的話根據設計稿）：
<div class="menu"> <ul> <li class="on"><i class="iconfont"></i>精選</li> <li><i class="iconfont"></i>女裝</li> <li><i class="iconfont"></i>鞋包</li> <li><i class="iconfont"></i>男士</li> <li><i class="iconfont"></i>運動</li> <li><i class="iconfont"></i>飾品</li> <li><i class="iconfont"></i>精選</li> <li><i class="iconfont"></i>女裝</li> <li><i class="iconfont"></i>鞋包</li> <li><i class="iconfont"></i>男士</li> <li><i class="iconfont"></i>運動</li> <li><i class="iconfont"></i>飾品</li> 主站蜘蛛池模板： 崇仁县| 南汇区| 涞源县| 阿城市| 应城市| 济南市| 临高县| 浦县| 于田县| 清涧县| 小金县| 阜城县| 当雄县| 绥芬河市| 会东县| 治多县| 南丰县| 兴隆县| 沁水县| 西林县| 商丘市| 古田县| 丹寨县| 昆山市| 尼玛县| 耒阳市| 四子王旗| 常宁市| 平邑县| 伊宁县| 额敏县| 同德县| 乐山市| 华坪县| 岳阳市| 婺源县| 彭泽县| 敦化市| 娄烦县| 时尚| 新绛县|