【jQuery】jQueryベースのマテリアルデザインスピナーMaterial-spinner

Material-spinnerはjQueryベースのマテリアルデザインスピナー。
ローディングの際など使えそうです。

JS

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="path/to/material.spinner.min.js"></script>

via Data APIvia Data API

<div id="spinner" data-spinner='{"radius": 50}'></div>

via Javascript

<div id="js-two"></div>
<script>
$(function() {
$('#js-two').spinner({
strokeWidth: 2,
color: '#ff0000'
});
});
</script>

Options

radius 半径
strokeWidth 線幅
duration 持続時間及び継続期間
color
 

【jQuery】jQueryベースのマテリアルデザインスピナーMaterial-spinner

  • LATEST
  • RELATED
  • POPULAR