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

一级做,爱片_欧美一级aa片,_一级特黄大片_美国一级毛片∞ 一级做,爱片_欧美一级aa片,_一级特黄大片_美国一级毛片∞ 免费的三级黄网站_韩国三级片_韩国三级成人电影_香港三级片在线观看 欧美大片 - 欧美视频,欧美大片大全,欧美大片免费在线观看 一级a做爰片-免费视频在线观看2017-国产情侣av偷拍视频 三级黄色,三级片在线mp4,日本三级,香港三级,黃色带三级 免费的三级黄网站_韩国三级片_韩国三级成人电影_香港三级片在线观看 585手机看片_欧美av_A级毛片免费观看_日本一级特黄大片 日本三级带黄在线观看|日本免费的毛片视频|日本一级特黄大片558 日日天干夜夜 天天看在线精品视频 2019天天日天好天干 一级a做爰片_免费一级特黄大片_日本一级特黄大片_免费一级特黄大片_日本色情_黄视频秀色视频观看 羞羞色院一级黄色视频91国产在线一级午夜一级观看一级a做爰片_免费视频在线观看2017性欧美 国产曰韩无码亚洲视频亚洲Va国产在线观看色噜噜狠狠综合影院 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 一级a做爰片_免费视频在线观看2017_台湾自拍偷区亚洲综合 亚洲成av人片在一线观看 yellow高清视频免费观看首页-艾玛影院yellow高清在线观看,yellow视频在线播放 久久精品99热超碰_亚洲 综合色 久久爱_免费国产久久拍久久爱 伊人久久综合热线大杳蕉永久免费的AV在线电影网无码国产高清在线A视频大全中文字幕有码中文无码 一级a做爰片_免费一级特黄大片_日本一级特黄大片 经典AV三级在线_成人三级片_台湾香港经典免费三级_青娱乐极品视觉 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 一级做,爱片视频_美国一级毛片∞_A级超碰视频在线观看 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 日本三级带黄在线观看|日本免费的毛片视频|日本一级特黄大片558 一级a做爰片_国产亚洲精品福利视频,高清国产午夜福利在线视频,国产私拍福利精品视频 手机在线日本亚洲欧美视频,国产亚洲人成在线视频,国产亚洲熟妇在线视频,亚洲永久免费视频. 中文字幕无码亚洲,亚洲男人天堂,日本一本道高清无码a片,好看的久久爱电影 亚洲av-成人av在线-国产人妻熟妇在线视频-国产在线自在拍91-国产ar高清视频 视频 奇米网_奇米影视盒_奇米第四手机在线观看 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 老司机在线国产_老司机福利网站_老司机看片资源_首页 人兽交欧美A片欧美A片 大香蕉美国一级毛片 特级毛片 天天日免费观看视频一1_一级a做爰视频免费观看_噜噜在线a观看_阿v片在线观看视频 A片毛片免费视频在线看_黄色一级全祼,看片免费播放器 奇米网|奇米影视|米奇影视777|米奇电影网|奇米第四色在线影院成人色情网-成人三级片-黄色av电影 老司机精品视频在线观看_老司机午夜免费福利视频_深夜老司机福利_免费一级特黄大片_日本色情_黄视频秀色视频观看 日本三级带黄在线观看|日本免费的毛片视频|日本一级特黄大片558 精品国产高清自在线看 国产a片在线播放 国产毛片光棍天堂-男人的天堂-三级片-A片-免费A级毛片 在线无毒免费三级观看|韩国三级片|日本三级片|香港三级片| 免费一级a毛大片视频,a毛大片免费在线观看,日本毛一片免费观看 欧美一级aa片系列|在线播放的a站本免费专题|欧美特级限制片2017 伊人久久综合热线大杳蕉永久免费的AV在线电影网无码国产高清在线A视频大全中文字幕有码中文无码 一级黄色录像影片 夫妻性生活影片 免费在线观看 一级a做爰片 欧美一级A做爰片_亚洲人妻av伦理片_亚洲人成电影网站色情网 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 欧美一级黄影片 成年人电影1级片-在线观看-伊人高清视频 欧美一级aa片系列|在线播放的a站本免费专题|欧美特级限制片2017 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 一级a久久精品视频在线看15,久久6热视频在线观看 - 男人都来的每日更新的免费在线视频网一级特黄大片 国产产avv在线精品vva亚亚洲aav综合合avv日本韩欧美黄色一级片 一级a做爰片免费频道 成人在线,夜夜撸,免费A片,色影院,日日更新视频,草榴视频,乱伦,人体艺术,色吧图片,成人小说、 老司机在线国产_老司机福利网站_老司机看片资源_首页 一级a做爰视频免费观看_一级a做爰片免费_香港一级a做爰片 无码av高清毛片在线看_日本一级特黄大片_日本毛片免费视频观看_免费v片在线观看网站 韩国三级电影网站_免费韩国成人影片_韩国三级片大全在线观看 欧美一级A做爰片_亚洲人妻av伦理片_亚洲人成电影网站色情网 老司机精品视频在线观看_老司机午夜免费福利视频_深夜老司机福利_免费一级特黄大片_日本色情_黄视频秀色视频观看 一级a做爰片_免费一级特黄大片_日本一级特黄大片 一级黄色录像影片 夫妻性生活影片 免费在线观看 一级a做爰片 在线无毒免费三级观看,免费三级现频在线观看,三级黄视频免费播放级 中文字幕无码亚洲,亚洲男人天堂,日本一本道高清无码a片,好看的久久爱电影 久久综合色久久88中文,在线a久草,一级a做爰视频免费观看 色琪琪av男人的天堂-琪琪see色原网色原网站-天天谢天天谢天天要-欧美成人视频 经典AV三级在线_成人三级片_哥哥用力香港情色夜狼在线视频桃隐社区 韩国三级电影网站_免费韩国成人影片_韩国三级片大全在线观看 久久精品99热超碰_亚洲 综合色 久久爱_免费国产久久拍久久爱 日本三级带黄在线观看|日本免费的毛片视频|日本一级特黄大片558 夜夜j~天天j~b在线观看_天天日日狠狠 2019_天天啪久久爱视频精品 日本三级带黄在线观看|日本免费的毛片视频|日本一级特黄大片558 一级a久久精品视频在线看15,久久6热视频在线观看 - 男人都来的每日更新的免费在线视频网一级特黄大片 欧美大片 - 欧美视频,欧美大片大全,欧美大片免费在线观看 585手机看片_欧美av_A级毛片免费观看_日本一级特黄大片老司机免费网站_老司机视频在线_老司机福利在线视频 一级a做爰片就在线看|一级a做爰片试看三分钟|美国一级特a黄 日本亚洲中文字无码A级毛片18以上观看免费久久水蜜桃网国产免费网久久99精品久久久久久 色琪琪av男人的天堂-琪琪see色原网色原网站-天天谢天天谢天天要-欧美成人视频 欧美一级/片_狼人干综合伊人网_色姐妹插姐姐 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 免费的三级黄网站_韩国三级片_韩国三级成人电影_香港三级片在线观看 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 一级A做爰片免费视频_免费黄片视频在线观看2018 日本三级_香港三级_三级片网站_成人网_成人电影亚洲人成视频在线播放_亚洲人成视频在线 伊人影院蕉久影院在线,HEZYO高清 一本道 综合,一本道不卡中中文无码,天堂AV欧美AV高清无码不卡在线 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 在线无毒免费三级观看,免费三级现频在线观看,三级黄视频免费播放级 在线无毒免费三级观看|韩国三级片|日本三级片|香港三级片|日本 国产亚洲新免费视频观看,国产亚洲观看视频在线,久久国产av偷拍在线,99热久久是有精品首页 一级a做爱片_免费一级特黄大片-可以之间看的av网站, 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 美国黄色在线一级片高清完整版 免费在线观看 -电影-在线观看 - 综合伊人网 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 经典AV三级在线_成人三级片_台湾香港经典免费三级_青娱乐极品视觉 老司机电影网站永久免费视频_老司机午夜福利视频未满_老司机福利在线 人兽交欧美全集,黄色一级全祼,欧美一级aa片,一级特黄大片 欧美一级/片-外国片高清-黄色一级全祼-欧美一级黑寡妇-一级外国片 一级a做爰片_免费一级特黄大片_日本一级特黄大片_免费一级特黄大片_日本色情_黄视频秀色视频观看 国产在线精彩亚洲视频 - 高清国产在线精彩亚洲视频大全,天天摸日日碰人人看,天天穞日日穞夜夜穞,天天夜夜日日高清在线 欧美一级A做爰片_亚洲人妻av伦理片_亚洲人成电影网站色情网 免费一级a毛大片视频,a毛大片免费在线观看,日本毛一片免费观看 一级做,爱片_欧美一级aa片,_一级特黄大片_美国一级毛片∞ 国产男女免费完整视频_国内做爰全过程免费的视频_国产做爰视频在线观看一级a做爰片_免费视频在线观看2017 日本三级带黄在线观看|日本免费的毛片视频|日本一级特黄大片558 一级a做爰片免费视频_免费黄片视频在线观看2018