javascript - 如何使用 JQuery 创建具有左右和其他幻灯片选项的内容滑块？

Question

我对 JQuery/JavaScript 的这一部分有点陌生。

我知道我可以从某个地方使用 jquery 插件或滑块，但我认为我的要求有点不同。

我创建了带有背景图像和文本的内容，并准备了内容。当单击顶部的图像以及单击左/右选项时，我需要使用 jquery 将内容更改为下一个内容。类似于滑块的工作方式。我还需要左右选项来回走。

我该如何开始呢？

Answer 1

这个想法是将整个内容包装在一个具有固定宽度的分区中，然后您可以使用jQuery animate api使用 jquery animate 选项将内容的宽度动态更改为向左或向右。
将内容向左移动的示例

$('#innerscroll').animate({"left": "+=150px"}, 500);

将内容向右移动的示例

$('#innerscroll').animate({"left": "-=150px"}, 500);

innerscroll 是滑块所在的父分区 ID

详细步骤在这个jQuery 图像滑块教程中给出，确保你使用 li 标签而不是 img 作为你的内容。你可以即兴创作。