网站的水平计划栏

Question

我正在个人网站上工作，到目前为止，一切进展顺利。我设置了基本布局的页面，以及类似的东西。现在我想让它看起来更专业。我在一个月的多个周末参加比赛。 （是的，我说碗，是的，我认为这是一项运动）我想做的是在顶部放置一个计划类型栏。 （例子可以通过点击这篇文章中的链接找到）问题是我找不到任何关于如何做这个的教程，因为我真的不知道这个功能的调用。我尝试过的所有东西都提出了水平导航/滚动条。任何人都可以指点我的教程，或者给我一个起点，让我在我的网站上找到这样的东西吗？

Answer 1

这实际上是一个滑块，一次显示15个幻灯片。

BX SLIDER - jQuery Slider

上面包含的滑块有许多选项可让您自定义其工作方式，例如

• maxSlides - 在给定时间显示的幻灯片总数（您设置为15）
• moveSlides - 要更改的幻灯片数量（您设置为1）。

示例JS

$('.schedule').bxSlider({
   maxSlides: 15,
   minSlides: 15,       
   moveSlides: 1,
   autoStart: false
});

您的HTML，包含日程安排和所有风格，如您所希望的样式，包含在列表中。

<ul class="schedule">
    <li>January 15th - Match</li>
    <li>January 22nd - Match</li>
    <li>January 23rd - Match</li>
</ul>

等等等。