dot.js是一个简单的轻量级jQuery插件，用于显示使用dots的加载指示器

它使用jQuery中的fadeTo方法来确保跨浏览器体验。

参见：

• 10个最佳的JavaScript和纯CSS加载Spinner插件

如何使用它:

1.在jQuery之后加载dot.js插件的缩小版。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dot.min.js" defer></script>

2.为装载点创建一个容器。

<div id="loadingdots"></div>

3.初始化插件以显示您刚刚创建的容器中的动画点。

$(function(){
  $('#loadingdots').loadingdots();
});

4.设置动画的持续时间。默认值：250毫秒。

$(function(){
  $('#loadingdots').loadingdots({
    duration: 500
  });
});

5.将您自己的CSS样式应用于圆点。

.dot {
  background: #000;
  float: left;
  height: 25px;
  margin-left: 5px;
  width: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  opacity: 0;
}

预览截图

jQuery插件 点显示加载指示器 dot.js