javascript - 保持滑块中的中间 div 突出显示

Question

我有一个名为 lightSlider( http://sachinchoolur.github.io/lightslider/ ) 的“产品”滑块，与原始版本相比，我希望它的行为有点不同。

我的滑块现在看起来像这样： Link to screenshot - current。我想突出显示第二个 div（中间 div），如果单击下一个（右/左箭头），那么我仍然希望中间 div 突出显示，如下所示： 链接到屏幕截图 - 目标

我希望它在 javascript/jQuery 中完成。但我不知道从哪里开始使用 javascript/jQuery，因为我仍然认为自己是初学者。

标签： javascriptjqueryhtmlcsswordpress

Answer 1

你不需要 javascript 或 jquery 来做这个。如果您看到检查元素 [我使用了lightslidergithub 上的示例]，他们active会在当前视图的第一个元素中添加一个类。

所以你可以简单地添加一个 CSS 来实现你想要的。

li.item-c.lslide.active + li { // your highlight css properties }