Fork me on GitHub

spin.js

spin.js (ESM) spin.umd.js spin.css

Example
















Features

Spin.js dynamically creates spinning activity indicators that can be used as a resolution-independent replacement for loading GIFs.

Installation

Run npm install spin.js, or save the spin.js and spin.css files in your repository.

JS bundling

For best performance and compatibility, it is recommended to use a module bundler such as Parcel, Rollup, or Webpack to create a production-ready code bundle. However, in modern browsers it is also possible to directly load the module via a script tag:

<script type="module" src="node_modules/spin.js/spin.js"></script>

If for some reason you can't use ECMAScript modules or a module bundler, download spin.umd.js and save it in your repository. The UMD script can be used as follows:

var spinner = new Spin.Spinner(opts).spin(target);

Note that the UMD version is only available as a temporary workaround. Longer term it is recommended to migrate to the standard ECMAScript module.

CSS

Load the spin.css file to include the default animation presets. You could alternatively create a custom CSS keyframe animation (in your own CSS file) and set it using the animation property.

Note: do not use <script> or <link> tags directly referencing the files on this website. Doing this is likely to break your app whenever a major new version is released.

Usage

Run the following code when the document has loaded:


The spin() method creates the necessary HTML elements and starts the animation. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.

Manual insertion

In order to manually insert the spinner into the DOM you can invoke the spin() method without any arguments and use the el property to access the HTML element:

var spinner = new Spinner().spin();
target.appendChild(spinner.el);

Hiding the spinner

To hide the spinner, invoke the stop() method, which removes the UI elements from the DOM and stops the animation. Stopped spinners may be reused by calling spin() again.

Positioning

The spinner is absolutely positioned at 50% of its offset parent. You may specify a top and left option to position the spinner manually.

Note: The spinner element is a 0×0 pixel div that represents the center of the spinner. Hence, if you passed {top:0, left:0} only the lower right quarter of the spinner would be inside the target's bounding box.

The spinner element must be surrounded by an element using relative positioning, or the spinner will be outside of the parent element.

Supported browsers

Spin.js has been successfully tested in the following browsers:

Changes

See CHANGELOG.md

Support

If you encounter any problems, please use the GitHub issue tracker.

Authors

Felix Gnass

JS ?? React ?? NodeJS ??

Twitter: @fgnass

Theodore Brown

PHP ?? TypeScript ?? SQL ??

Website: theodorejb.me
Twitter: @theodorejb

A片毛片免费视频在线看_黄色一级全祼,看片免费播放器 A片毛片免费视频在线看_黄色一级全祼,看片免费播放器 韩国三级电影网站_免费韩国成人影片_韩国三级片大全在线观看 韩国三级片-日本三级片-香港三级片-经典AV三级在线 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 无码av高清毛片在线看_日本一级特黄大片_日本毛片免费视频观看_免费v片在线观看网站 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 585手机看片_欧美av_A级毛片免费观看_日本一级特黄大片 一级a做爰片_免费一级特黄大片_日本一级特黄大片 在线无毒免费三级观看,免费三级现频在线观看,三级黄视频免费播放级 偷拍自拍亚洲色图__日本一级特黄大片_性爱视频 一级a做爰视频免费观看_一级a做爰片免费_香港一级a做爰片 三级片_韩国三级片_日本三级片_黄色三级片亚洲 欧美 日韩 综合AⅤ电影丁香五月天缴情在线日本有码一页大波影院av天堂影音先锋 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 欧美一级aa片系列|在线播放的a站本免费专题|欧美特级限制片2017 一级a做爰片_免费一级特黄大片_日本一级特黄大片 欧美一级aa片系列|在线播放的a站本免费专题|欧美特级限制片2017 2018韩国伦理片电影免费观看-韩国限制级伦理电影-天狼影院 中国人电影_2018韩国电影_三级片_三极片午夜剧场_韩国伦理片_伦理 一级a做爰片-免费视频在线观看2017-国产情侣av偷拍视频 中国人电影_2018韩国电影_三级片_三极片午夜剧场_韩国伦理片_伦理 日日擼夜夜擼,福利视频在线观看五福,唐人社区视频,国模大尺度免费视频,大尺度在线免费视频 三级黄色_未满18岁禁止入内_性感美女_三级黄;色_日本黄大片免费播放 一级a做爰片免费视频_免费黄片视频在线观看2018 日韩一级毛片欧美一级电影_在线播放免费人成视频 一级a做爰片_免费一级特黄大片_日本一级特黄大片 一级a做爰片_免费一级特黄大片_日本一级特黄大片_免费一级特黄大片_日本色情_黄视频秀色视频观看 一级a做爰片免费视频_免费黄片视频在线观看2018 欧美一级aa片系列|在线播放的a站本免费专题|欧美特级限制片2017 一级黄色录像影片 夫妻性生活影片 免费在线观看 一级a做爰片 一级a做爰片免费视频_免费黄片视频在线观看2018 yellow高清视频免费观看首页-艾玛影院yellow高清在线观看,yellow视频在线播放 无码av高清毛片在线看_日本一级特黄大片_日本毛片免费视频观看_免费v片在线观看网站 一级a做爰片_免费一级特黄大片_日本一级特黄大片 最新国产精品精品视频,国产精品高清视频在线,国产在线视视频有精品,天堂AV国产在线,日本成人电影 久久综合色久久88中文,在线a久草,一级a做爰视频免费观看 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 夜夜j~天天j~b在线观看_天天日日狠狠 2019_天天啪久久爱视频精品 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 日本亚洲中文字无码A级毛片18以上观看免费久久水蜜桃网国产免费网久久99精品久久久久久 无码av高清毛片在线看_日本一级特黄大片_日本毛片免费视频观看_免费v片在线观看网站 成人在线,夜夜撸,免费A片,色影院,日日更新视频,草榴视频,乱伦,人体艺术,色吧图片,成人小说 欧美大片 - 欧美视频,欧美大片大全,欧美大片免费在线观看 羞羞色院一级黄色视频91国产在线一级午夜一级观看一级a做爰片_免费视频在线观看2017性欧美 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 岛国无码av免费观看,不卡的在线av网站,经典av三级在线 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 一级a做爰片_免费一级特黄大片_日本一级特黄大片 国产曰韩无码亚洲视频亚洲Va国产在线观看色噜噜狠狠综合影院 久久亚洲国产中文字幕-亚洲精品国产免费无码 - 视频 - 在线观看 - 其它 - 一片黄_久久亚洲国产中文字幕-亚洲精品国产免费无码 - 视频 - 在线观看 - 其它 - 一片黄官网 日本三级,香港三级,韩国电影三级大全2017,黃色带三级,三级片 日本AV精品中文字幕 亚洲AV国产AV手机在线一区 小草青青手机在线视频 欧美一级aa片系列|在线播放的a站本免费专题|欧美特级限制片2017 一级a做爰片_免费视频在线观看2017_zooskool.videos性欧美_a资源免费视频在线观看2017 yellow高清视频免费观看首页-艾玛影院yellow高清在线观看,yellow视频在线播放 国产曰韩无码亚洲视频亚洲Va国产在线观看色噜噜狠狠综合影院 日日夜夜撸 日日鲁夜夜啪在线视频 就是撸 刺激撸 额去撸 他也撸 人人撸狠狠碰 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 精品国产高清自在线看 国产a片在线播放 国产毛片光棍天堂-男人的天堂-三级片-A片-免费A级毛片 一级a做爰片_免费视频在线观看2017_,[高清无码] 波多野结衣, 一本道高无码字幕在线, 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 老司机福利久久网站青青草亚洲专区青青草社区日本A片 人兽交欧美A片欧美A片 大香蕉美国一级毛片 特级毛片 一级a做爰视频免费观看_一级a做爰片免费_香港一级a做爰片 在线av国产 自拍三级?经典av三级在线播放-首页 欧美一级黄影片 成年人电影1级片-在线观看-伊人高清视频 无码av高清毛片在线看_日本一级特黄大片_日本毛片免费视频观看_免费v片在线观看网站 天天啪,天天啪久久爱免费视频,夜夜橾天天橾b免费视频,天天擼一擼,夜夜橾天天橾,天天燥夜夜燥b在线视频,夜夜爽天天啊,天天曰夜夜回,天天啪久久国产 中国人电影_2018韩国电影_三级片_三极片午夜剧场_韩国伦理片_伦理 免费的三级黄网站_韩国三级片_韩国三级成人电影_香港三级片在线观看 在线无毒免费三级观看,免费三级现频在线观看,三级黄视频免费播放级 一级黄色录像影片 夫妻性生活影片 免费在线观看 一级a做爰片 经典AV三级在线_成人三级片_台湾香港经典免费三级_青娱乐极品视觉 在线无毒免费三级观看|韩国三级片|日本三级片|香港三级片| 日本三级,香港三级,韩国电影三级大全2017,黃色带三级,三级片 一级a久久精品视频在线看15,久久6热视频在线观看 - 男人都来的每日更新的免费在线视频网一级特黄大片 人兽交欧美A片欧美A片 大香蕉美国一级毛片 特级毛片 老司机电影网站永久免费视频_老司机午夜福利视频未满_老司机福利在线 a片毛片免费观看 免费视频在线观看?香港经典三级?av视频在线 中文字幕无码亚洲,亚洲男人天堂,日本一本道高清无码a片,好看的久久爱电影 一级A做爰片免费视频_免费黄片视频在线观看2018 日日天干夜夜 天天看在线精品视频 2019天天日天好天干 国产产avv在线精品vva亚亚洲aav综合合avv日本韩欧美黄色一级片 一级a做爰片免费频道 一级a做爰片-免费视频在线观看2017-国产情侣av偷拍视频 久久亚洲国产中文字幕-亚洲精品国产免费无码 - 视频 - 在线观看 - 其它 - 一片黄_久久亚洲国产中文字幕-亚洲精品国产免费无码 - 视频 - 在线观看 - 其它 - 一片黄官网 久久精品99热超碰_亚洲 综合色 久久爱_免费国产久久拍久久爱 天天日免费观看视频一1_一级a做爰视频免费观看_噜噜在线a观看_阿v片在线观看视频 日本毛片免费视频观看_国产亚洲精品在线视频_在线播放免费人成视频 天天日免费观看视频一1_一级a做爰视频免费观看_噜噜在线a观看_阿v片在线观看视频 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 一级a做爰视频免费观看_一级a做爰片免费_香港一级a做爰片 欧美一级aa片系列|在线播放的a站本免费专题|欧美特级限制片2017 天天啪,天天啪久久爱免费视频,夜夜橾天天橾b免费视频,天天擼一擼,夜夜橾天天橾,天天燥夜夜燥b在线视频,夜夜爽天天啊,天天曰夜夜回,天天啪久久国产 精品 在线 视频 亚洲-国产精品高清视频免费-精品国产自在线拍-国产精品在线手机视频,,, 国产精品视频_国产在线_99这里有精品免费视频 国语自产精品视频在_九九热线有精品视频6 日本毛片免费视频观看_国产亚洲精品在线视频_在线播放免费人成视频 日本AV精品中文字幕 亚洲AV国产AV手机在线一区 小草青青手机在线视频 一级做,爱片视频_美国一级毛片∞_A级超碰视频在线观看 老司机电影网站永久免费视频_老司机午夜福利视频未满_老司机福利在线 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 免费一级a毛大片视频,a毛大片免费在线观看,日本毛一片免费观看 欧美一级aa片系列|在线播放的a站本免费专题|欧美特级限制片2017 人兽交欧美A片欧美A片 大香蕉美国一级毛片 特级毛片