Javascript 使用jQuery移动滚动条

我已经用jQuery创建了一个图像库，一切都完成了。图像水平并排放置在一个div中，该div的溢出id被隐藏（我不想显示滚动条）

我有两个图像箭头左和箭头右内的链接。现在我想做的是，当我单击左箭头时，它应该显示上一个图像，当我单击右箭头图像时，它应该显示下一个图像。我想，当用jQuery单击相应的箭头图像时，我必须将滚动条移向正确的方向

---

如何做到这一点？

我相信你可以用

使用适当的限制，而不是

0

和

1000

，以及图像宽度，而不是

100

---

但是，查看示例页面，您还有另一个问题

您认为您的图像是这样放置的：

[Visible area] [ Overflow .... ] .=========================._ ___ ___ ___ ___ X | | | | | | X | | | | . . . | | X___|___|___|___|___|___|_X_|___|___|___| |___| "=========================" [Visible area] .=========================. X | | | | | | X X___|___|___|___|___|___| X "=========================" |___|___|___|___|___|___| | | | | | | | |___|___|___|___|___|___| [ Overflow ... ] ... ___ ___ ___ ___ ___ ___ | | | | | | | |___|___|___|___|___|___| 我会成功的。那么如果你执行

javascript:
$("#images").scrollLeft(10);

---

您将看到水平滚动实际上是有效的。

如果您想制作稍微性感一点的版本，您可以设置可滚动区域的动画

$("#left").click(function(){
    $("#scroll-holder").animate({ scrollLeft: Math.max(0, $("#scroll-holder").scrollLeft() - 250)}, 175);
});
$("#right").click(function(){
    $("#scroll-holder").animate({ scrollLeft: Math.max(1000, $("#scroll-holder").scrollLeft() + 250)}, 175);
});

---

@拒绝：我尝试了你的代码，但当我点击箭头时，它不会移动图像，请看这里：@Sarfraz:我已经更新了帖子以解决你的实际问题<代码>向左滚动一旦解决了其他问题，应该可以正常工作；我不是在否认：]谢谢它现在滚动，我现在开始工作。谢谢：）

javascript:
$("#images").scrollLeft(10);

$("#left").click(function(){
    $("#scroll-holder").animate({ scrollLeft: Math.max(0, $("#scroll-holder").scrollLeft() - 250)}, 175);
});
$("#right").click(function(){
    $("#scroll-holder").animate({ scrollLeft: Math.max(1000, $("#scroll-holder").scrollLeft() + 250)}, 175);
});