javascript - 滑块分页图标效果

Question

我想获得此站点顶部 jQuery 滑块上的效果。您可以看到列表中指示当前幻灯片位置的黄色小正方形逐渐变小，向上缩小直到它们消失并且滑块改变图像。

这是迄今为止我尝试过的链接。

Answer 1

这是一个整洁的效果:)

您需要将您现在拥有的内容与 LI 父元素中的子元素结合起来。当 Slider 触发时，您将此元素的高度从 0 设置为 100 超过 4000 MS，然后有一个回调将高度返回为 0。

前任：

$('.slider').animate({height: '100%'}, 4000, function() {
  $('.slider').css('height','0');
});

在这里工作：http: //codebins.com/bin/4ldqp9c/39