淘宝服饰精品鼠标事件

<div class="wrapper>
<ul id="left">
 	<li><a href="#">女鞋</a></li>
 	<li><a href="#">雪地靴</a></li>
 	<li><a href="#">秋裤</a></li>
 </ul>
 <div class="content">
 	<div><img src="img/a.jpg" width="200" height="200"></div>
 	<div><img src="img/b.jpg" width="200" height="200"></div>
 	<div><img src="img/c.jpg" width="200" height="200"></div>
 </div>
</div>

<script type="text/javascript">
	$(function(){
		//1. 鼠标经过li
		$("#left li").mouseover(function(){
			//2. 得到当前li的索引号
			var index = $(this).index();
			//3. 显示li的索引的图片显示出来就好了
			$('#content div").eq(index).show();
			//4. 让其他图片隐藏起来
			$("#content div").eq(index).siblings().hide();
		})
	});
</script>