Javascript 如何利用JQuery编码的滑动div的控制？

基本上我有4个div，它们轮流滑入和滑出，有延迟，然后它调用函数。像这样：

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

$("#slide1").delay('1000').slideDown('1000').delay('6000').slideUp('1000');
$("#slide2").delay('9000').slideDown('1000').delay('6000').slideUp('1000');
$("#slide3").delay('17000').slideDown('1000').delay('6000').slideUp('1000');
$("#slide4").delay('25000').slideDown('1000').delay('6000').slideUp('1000', 'swing',      bradslide);
}
);

让我说这很好，但如果有人提出建议，我愿意清理它，或者使它更容易或更符合标准

然而，我的问题是：我如何安排这一点，以便最终用户可以操纵动画。这可以单独在div中滑动，但理想情况下，我希望有几个按钮可以单击以向后或向前移动（我想你明白了）

---

任何关于如何或从哪里开始的建议都将不胜感激。我想我可能不得不放弃这段代码。提前感谢各位。

尽管我有自己的评论，但我还是有一些一般性的建议：

研究使用类而不是ID，然后使用jQuery的DOM遍历方法确定下一个候选滑块是什么。跟踪“currentSlide”，然后定位“nextSlide”（用

.next（）

也许？）标识），意味着您可以添加任意数量的slider div（使用类而不是ID，记住？），并且仍然可以工作

用户控件（下一张、上一张或选择特定幻灯片）只需中断计时器（可能是设置超时而不是

.delay（）

），然后调用与下一张幻灯片完全相同的函数

为了使代码更加可重用和灵活，您应该使用一些变量。例如，如果幻灯片持续时间为1000，则将

var duration=1000

范围限定到适当的位置（document ready函数很好…或slide函数），然后在函数调用中（无论结果如何），使用

.slideDown（duration）

。然后，您可以将该值设置为您想要的任何值，并在以后轻松地进行更新

扩展上述功能，您甚至可以构建一个API，允许您将值传递到自定义滑块函数中：

var bradslide=函数（容器、延迟、持续时间）{
//使用父容器、一些延迟值和持续时间值进行填充
};
布拉德斯莱德（'sliderParent'，6000，1000）；

您可以写一小章介绍如何实现一个高效且可重用的滑块，这样我就不会期望有太多足够的响应。我建议用更小的块来接近它，但你必须知道这些块是什么，所以它变成了圆形！无论哪种方式，对于通常的范围来说，这个问题太大了，所以，也许一个善良的灵魂会有话要说。公平地说，无论如何，我感谢你的意见。