我设置了我的脚本,以便当用户点击上一个链接时,它会显示上一张幻灯片,但是,我已将其设置为当用户将鼠标悬停在下一个和上一个按钮上时的一小部分下一张/上一张幻灯片被弹回查看,然后当鼠标移开这些按钮时再次隐藏。
但是,上一张幻灯片没有进入查看...我怎样才能让它工作?
$('.prev_slide').hover(
function(){ // OVER
$('.slide_container').stop().animate({ marginLeft: 440 }, 600, 'easeInOutExpo');
},
function(){ // OUT
$('.slide_container').stop().animate({ marginLeft: 0 }, 600, 'easeInOutExpo');
}
);
和我的HTML:
<ul class="slide_container">
<li class="one slide"></li>
<li class="two slide"></li>
<li class="three slide"></li>
</ul>