Javascript 单击按钮时的动画滑动div、.prev.next jQuery

Javascript 单击按钮时的动画滑动div、.prev.next jQuery,javascript,jquery,Javascript,Jquery,尝试制作一个滑动面板,您可以单击“下一步”和“上一步”在窗格之间切换, 我附加了一把小提琴来更好地解释,只有我的后退按钮似乎不起作用,有人能明白为什么吗 您必须稍微修改一下代码 $(文档).ready(函数(){ $('a.next')。单击(函数(){ $('.slide').animate({“left”:“-=400”},500); }) $('a.back')。单击(函数(){ $('.slide')。动画({“左”:“+=400”},500); }) }); .form幻灯片{宽度:

尝试制作一个滑动面板,您可以单击“下一步”和“上一步”在窗格之间切换, 我附加了一把小提琴来更好地解释,只有我的后退按钮似乎不起作用,有人能明白为什么吗


您必须稍微修改一下代码

$(文档).ready(函数(){
$('a.next')。单击(函数(){
$('.slide').animate({“left”:“-=400”},500);
})
$('a.back')。单击(函数(){
$('.slide')。动画({“左”:“+=400”},500);
})
});
.form幻灯片{宽度:400px;溢出:隐藏;边框:1px实心#ccc;边距:25px}
.wrap{width:9999px;}
.slide{width:400px;float:left;position:relative;background:#eee;}

口香糖

口香糖

口香糖


它似乎不起作用,因为您正在将幻灯片2移动到幻灯片1的顶部,但单击幻灯片2中的“上一步”按钮将操纵幻灯片1。而幻灯片2保持在原位和顶部

这可能是您想要的: