当鼠标经过两侧的商品名字时,对应索引的图片要显示出来,其余图片隐藏。
mouseenter()
eq()方法
siblings()方法
show()/hide()方法
$('#left li').mouseenter(function(){
//2.获取当前的li的索引值.index()方法
var index=$(this).index();
//3.让右侧对应索引号的图片显示出来,其它图片隐藏
$('#content div').eq(index).show().siblings().hide();
})
$('#right li').mouseenter(function(){
var index=$(this).index()+9;
$('#content div').eq(index).show().siblings().hide();
})