滑块分页图标效果

Question

我想获得this site's顶级jQuery滑块上的效果。您可以看到小黄色方形表示列表中当前滑动位置逐渐变小，向上缩小直到它们消失并且滑块改变图像。

这是a link with what I tried so far。

Answer 1

这是一个很好的效果：）

您需要将现有内容与LI父元素中的子元素组合在一起。当Slider触发时，您可以将此元素的高度设置为从4000到MS的0到100，然后进行回调，将高度返回到0。

例如：

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

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