<script>
$(function () {
$("#left>li").mouseenter(function () {
//让center中对应下标的li显示，其他li隐藏
var idx=$(this).index();
$("#center>li:eq("+idx+")").show().siblings().hide();
});
$("#right>li").mouseenter(function () {
var idx=$(this).index()+9;
$("#center>li").eq(idx).show().siblings().hide();
});
});
</script>
</head>
<body>
<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="#">棉服</a></li>
<li><a href="#">女裤</a></li>
<li><a href="#">羽绒服</a></li>
<li><a href="#">牛仔裤</a></li>
</ul>
<ul id="center">
<li><a href="#"><img src="imgs/images/女靴.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/雪地靴.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/冬裙.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/呢大衣.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/毛衣.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/棉服.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/女裤.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/羽绒服.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/牛仔裤.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/女包.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/男靴.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/登山鞋.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/皮带.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/围巾.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/皮衣.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/男毛衣.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/男棉服.jpg" width="200" height="250"/></a></li>
<li><a href="#"><img src="imgs/images/男包.jpg" width="200" height="250"/></a></li>
</ul>
<ul id="right">
<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="#">皮衣</a></li>
<li><a href="#">男毛衣</a></li>
<li><a href="#">男棉服</a></li>
<li><a href="#">男包</a></li>
</ul>
</div>