// $(document).ready(function(){

// $('a').click(function(){

// $('img').eq($(this).index()).css({'opacity':'1'}).siblings().css({'opacity':'0'})///有多个a，this可以定位到当下点击的这个a，.index可以获取点击的a的下标。获取之后，设置它的透明度位1，然后获取其兄弟元素

// })

// })

$(document).ready(function(){

// $('a').click(function(){

// $('img')

// .eq($(this).index())

// .css({'opacity':'1'})

// .siblings()

// .css({'opacity':'0'})

// //有多个a，this可以定位到当下点击的这个a，.index可以获取点击的a的下标。获取之后，设置它的透明度位1，然后获取其兄弟元素，将他们的透明度设置为0

// });

var index=0;

$('a').mouseenter(function(){

index=$(this).index();

swiper();

});

$(document).keydown(function(event){

if(event.keyCode==37){

if(index==0){

index=$('a').length-1;

}else{

index--

}

swiper();

}else if(event.keyCode==39){

if(index==$('a').length-1){

index=0

}else{

index++

}

swiper()

}

});

var swiper=function(){

$('img')

.eq(index)

.css({'opacity':'1'})

.siblings()

.css({'opacity':'0'});

$('a').eq(index).css({

'background':'red'

})

$('a').eq(!index).css({

'background':'white'

})

}

});