普歌-智音团队-淘宝精品服饰案例

普歌-智音团队-淘宝精品服饰案例

效果

鼠标移入左侧的商品名称时，右侧图片会跟随左侧商品名称发生相应的变化

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

代码

	<div class="wrapper">
        <ul id="left">
            <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=