淘宝服饰精品案例

案例分析：

1. 核心原理:最标经过左侧盒子某个小i，就让内容盒子相对应图片显示，其余的图片隐藏；
2. 需要得到当前小i的索引号，就可以显示对应索引号的图片;
3. jQuery得到当前元素索引号$(this).index();
4. 中间对应的图片，可以通过eq(index)方法去选择;
5. 显示元素show()，隐藏元素hide().

    <script src="jquery.min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        li {
            list-style: none;
        }

        a {
            text-decoration: none;
            color: #000;
        }

        .wrapper {
            width: 250px;
            height: 250px;
            margin: 100px;
            border: 1px solid pink;
            overflow: hidden;
        }

        .left