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

青青青爽在线视频观看,青青青视频在线最热,青春娱乐视频在线播放,青青青视频在线观看 伊人大杳蕉青青视频_伊人大杳蕉情侣成综合_伊人9在线观看免费观看 国产精品视频_国产在线_99这里有精品免费视频 色啪在线视频免费观看|色偷偷亚洲男人的天堂|色综合色久久综合图片|色啪在线视频免费观看 欧美av电影,我爱 我要 色,美女视频,爽爽影院线观看免费,AV网址大全,综合偷拍区,综合偷拍区欧美 亚洲 另类 图片 制服 自拍,小骚逼人人色图片,天天看片v在线观看,超碰在线视频人人AV,美国人与动物xxx 依人青青青免费观看,超碰caoporen97人人,五月丁香六月综合欧美,国产 亚洲 中文字幕 在线 久久精品视频在线看15,久久人人97在线观人人澡,99久久免费热在线精品久久爱 伊香蕉线免费,狼人香蕉香蕉在线28,好男人香蕉,香蕉伊思人在钱,日本一道本香蕉视频
丝袜 国产 视频 首页 在线-夜夜躁天天躁免费视频-韩国无码视频-狠狠色狠狠噜视频 婷婷开心色四房播播|四虎影视在线地址最新|91国产精品情侣愉拍|伊人免费视频 夜夜橾天天橾b在线观看_天天日日狠狠 2018_天天啪久久爱视频精品 国产人妻少妇精品视频_老司机午夜福利免费视频_在线中文字幕亚洲日韩,怎么写网络小说,穿越小说完本,小说阅读网站 色姑娘久久综合网天天 五月天丁香婷深爱综合 开心婷婷五月综合基地 色姑娘综合站,亚洲欧洲视频一区 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 草久久爱久久爱久久热在线 青青草视频 久草草在线新免费观看 青青青草网站免费观看,亚洲天堂无码一本道 做爱视频-免费伦费影视在线观看-2019年上映的欧美大片一级 精品国产自在线拍天天鲁夜夜啪视频在线青青精品国产自在线拍 四虎永久在线精品免费 国产亚洲精品福利视频在线观看 久久精品久精品99热 大色窝夜夜撸在线视频在线观看,播播影院伦理私人影院,神马电影院伦理电影播放,神马影视伦理片6080 夜夜橾天天橾b在线观看_夜夜橾天天橾在线视频 久久播_久播电影网-亚洲人成电影网站免费-青青草观看-大香蕉视频 大香蕉网 青青青青手机兔费视频_青青在线国内在线播放_青青青在线播放观看视频 天堂AV在线AV,国产亚洲视频中文字幕,国内国内精品视频,以满足广大秒拍控为宗旨的视频网 开心色综合伊人_ 丁香五月婷婷开心综合 男人的天堂在成a,美国成年性色生活片,99久l久免费视& 男人的天堂天堂AV在线AV国产亚洲视频中文字幕国内国内精品视频男人的天堂是一个专业为广大秒拍控分析秒拍福利视频的资源网站, 2018天天看夜夜看狠狠看,2018天天看夜夜晚,2018天天躁夜夜躁-首页 日久干草青青视频免费,正在播放人与动zozo,迷人的保姆。 久久精品国can视频在热-日日干夜夜猛射日日干夜夜猛射,琪琪热色,新视觉高清频道,日日射 青青草在在观免费福利线观看,一本道综合久久av 色综合,,免费三级现频在线观看 ,超级碰碰中文在线播放 在线精品国产在线视频,在线看片免费人成视频,一本大道香蕉大l在线 任我爽橹在线精品视频,任你日线观看免费视频不一样,轻轻色青青青在线视频 五月天婷婷_日韩中文字幕_伊人人大蕉_caonila 在线视频分享 丁香五月啪啪,激情综合,色久久,色久久综合网婷婷六月丁香综合基地|导航色 青青热久免费精品视频,日本欧美高清免费视频 在线精品国产在线视频,在线看片免费人成视频,一本大道香蕉大l在线 久草,久草视频观看,久久草,久久草视频,久久草热这里只有精品_电影大全免费观看-激情综合 青青青青手机兔费视频_青青在线国内在线播放_青青青在线播放观看视频 青青青免费视频在线观看,青青草网站,青娱乐极品盛宴,国产精品高清视频免费 51夜间视频在线观看 欧美av无码高清在线 51vv视频社区福利 99热在线视频观看免费,婷婷色婷婷开心五月四房播播,亚洲第一狼人,色迷迷 国产人妻少妇精品视频,精品国产福利在线视频,午夜私人成年影院 天天夜夜i日日高清在线精品国产自在线拍青青精品国产自在线拍 国产亚洲精品福利视频,高清国产午夜福利在线视频,国产私拍福利精品视频 色婷婷综合缴情综|老司机你们懂的视频|精子窝在线|在线福利院线路一 伊人大杳蕉青青视频,青青青在线视频大杳蕉,青青小草国产在线播放,依人青青青免费观看,青青青爽在线视频观看,青青精品视频国产,青青伊人网 在线成本人视频动漫,成本人动画片在线观看,亚洲人成电影网站免费 国产精品大陆在线视频亚洲 另类 欧美 日本 2019国产精品青青草原,亚洲阿v天堂在线2017 伊人大杳蕉青青视频_青春草_青青视频在线观看精品vip 在线精品国产在线视频,在线看片免费人成视频,一本大道香蕉大l在线 婷婷六月丁香综合基地婷婷六月丁香综合基地|导航色开心婷婷五月综合基地,五月丁香六月综合缴情 青青青免费高清在线观看视频|青青草精品免费线|国产主播青青草2018 紫夜影视网-午夜电影院-三级片-五月丁香-八哥电影 青青青免费视频在线-首页青青青免费视频在线观看 日日干夜夜猛射,电影天堂2012,javbus上不去,新sss在线欧美整片 337p日本大胆欧美人术艺术_国产aa级毛卡片_特黄特色的大片观看免费视频 五月丁香综合缴情六月-丁香五月色六月综合缴情-五月丁香六月综合缴情基地 色色色色色 - 日本视频高清免费观看2018天天看夜夜看狠狠看 欧美adc性交视频 日本毛片免费视频观看_国产亚洲精品在线视频_在线播放免费人成视频 亚洲 欧美 制服 另类 国产 亚洲 中文字幕开心色综合伊人_ 丁香五月婷婷开心综合 亚洲欧美中文日韩视频_可以免费观看的av毛片_黄色视频在线观看_在线精品国产在线视频_香蕉精品国产自在现线拍 最新无码专区在线视频,最新高清无码专区,欧美av无码高清在线-首页 久草色福利在线观看视频|国产成 人 综合 亚洲|亚洲 欧美 国产 综合 久久精品99热超碰_亚洲 综合色 久久爱_免费国产久久拍久久爱三级片-香港经典三级-午夜电影院 亚洲欧美中文日韩视频_可以免费观看的av毛片_黄色视频在线观看_在线精品国产在线视频_香蕉精品国产自在现线拍 adc影院在线视频播放,香蕉五月天婷婷,在.线免费观看a片 欧美在线v有码,亚洲 日韩 国产 有码,a片毛片免费观看,欧美av电影,中文字幕日本无吗,韩国电影网,韩国电影 国语自产精品视频在_九九热线有精品视频6国产精品大陆在线视频 伊人大杳蕉青青视频,青青青在线视频大杳蕉,青青小草国产在线播放,依人青青青免费观看,青青青爽在线视频观看,青青精品视频国产,青青伊人网 久久精品视频,久久精品在线视频,AV在线视频成人社区久久|久就在现精品草 天天干夜夜爱 天天色播 天天射天天舔 青草青草久热精品视频,2019精品国产品在线不卡,青青精品国产自在线拍,亚洲 国内自拍 ** 精品 亚洲偷自拍精品视频在线观看|国产美女一级A做爰|亚洲 欧美 国产-首页 开心婷婷五月综合基地_五月丁香六月综合缴情_激情综合色久久啪啪福利在线永久视频www_午夜福利视 天堂AV在线AV,国产亚洲视频中文字幕,国内国内精品视频,以满足广大秒拍控为宗旨的视频网 欧美免费观看全部_久久女婷五月综合色啪 国产人妻少妇精品视频_老司机午夜福利免费视频_在线中文字幕亚洲日韩,怎么写网络小说,穿越小说完本,小说阅读网站 欧美 av亚洲 av国产 制服,经典+亚洲+欧美+中文,97在线观看,欧美成人电影 亚洲偷自拍精品视频在线观看|国产美女一级A做爰|亚洲 欧美 国产-首页 夜夜橾天天橾b在线观看_天天啪久久爱免费视频_夜夜爽天天啊 精品亚洲国内偷拍视频_在线偷拍视频精品视频-在线精品国产在线视频 久久婷婷五月色香综合缴_边摸边吃奶边做gif视频开心色综合伊人,丁香五月婷婷开心综合 99RE6热这里在线精品视频_久久精品国产只有精品_国产极品精品免费视频 在线视频国产精品欧美 在线视频 欧美 亚洲 亚洲.欧美.在线视频 国产 夜夜橾天天橾b免费视频-天天啪久久国产-一木道天天啪免费 男人的天堂天堂AV在线AV国产亚洲视频中文字幕国内国内精品视频男人的天堂是一个专业为广大秒拍控分析秒拍福利视频的资源网站, 伊人大杳蕉青青视频_青春草_青青视频在线观看精品vip 亚洲欧美国产综合aV_国产欧美高清在线观看_欧美视频毛片在线播放_亚洲欧美中文日韩视频 人人天天夜夜日日狠狠,五月婷婷缴情七月丁香,91社区色福吧 在线日韩日本国产亚洲 - av大片亚洲 欧美 日韩 国产 另类 做爱视频-免费伦费影视在线观看-2019年上映的欧美大片一级 亚洲 中文 自拍 另类 欧美_逼视频_伦午夜理_六月婷婷缴清综合在线 国产综合亚洲区_自拍 另类 综合 欧美_亚洲 欧美 国产 综合-aV欧美 在线精品国产在线视频,在线看片免费人成视频,一本大道香蕉大l在线 51社区精品视频-激情文学小说视频看免费-她也热视频在线观看-亚洲永久免费视频网站 国产亚洲精品福利视频,高清国产午夜福利在线视频,国产私拍福利精品视频 手机版青青青免费观看 青青国产视频色偷偷 色天使青青草 青青草视频无码 青青青免费视频在线-首页青青青免费视频在线观看_亚洲AV 欧美AV 国产 制服-人人插-91在线国自产视频 98精品免费视频,98精品视频在线,se98在线精品视频|91在线观看官网,在线看的性视频网站 一个色综合亚洲色综合,日日干夜夜猛射,最新一本道 久久最新2018啪啪自拍视频 开心色综合伊人,丁香五月婷婷开心综合 亚洲欧美中文日韩视频_可以免费观看的av毛片_黄色视频在线观看_在线精品国产在线视频_香蕉精品国产自在现线拍 在线看午夜视频福利 - 在线观看深夜福利视频【精品视频,在线免费】,久草在线新时代的视觉 精品国产自在线拍天天鲁夜夜啪视频在线青青精品国产自在线拍 青青青免费高清在线观看视频-青青草精品免费线-国产主播青青草2018 欧美av,欧美av.日韩av.亚洲av,欧美av无码高清在线,欧美av在线观看_第1页 韩国电影-韩国三级-韩国r级电影-韩国理论片在线-天天影视网 2019国产精品青青草原,亚洲阿v天堂在线2017 亚洲香蕉视频在线播放_大香蕉大香蕉最新视频开心婷婷五月综合基地 欧美Av无码高清在线_日本无码高清免费_在线中文字幕日本无码欧美 国产人妻少妇精品视频,精品国产福利在线视频,午夜私人成年影院 国语自产精品视频在_九九热线有精品视频6国产精品毛片在线视频_最新无码国产在线视频 国语自产精品视频在_九九热线有精品视频6国产精品毛片在线视频_最新无码国产在线视频 青青青青手机兔费视频_青青在线国内在线播放_青青青在线播放观看视频 天天啪啪-久久天天插-夜夜插-天天膜日日插天天夜夜i日日高清在线 人人影视2019—人人视频~久久人人97超碰人人澡~人人鲁免费播放视频 日日鲁夜夜啪在线视频-日本毛片高清免费视频-一本道亚洲区免费观看-日日啪日韩在线-欧美肥胖老太videos- 婷婷六月丁香综合基地,欧美 日韩 国产 另类 图片区,2017毛片在线观看视频,97视频 开心婷婷五月综合基地_五月丁香六月综合缴情_激情综合色久久啪啪 天天干夜夜爱 天天色播 天天射天天舔 黑粗硬大欧美在线视频,羞羞午夜福利免费视频,免费人疯狂做人爱视频,欧美香蕉视频播放二区,国产香蕉尹人视频在线 99久久点在线精品_久久er热在这里只有精品66_中文字幕乱码 电影在线观看 欧美 国产 日产 韩国,欧美精品videossexohd,欧美 av亚洲 av国产 制服 五月丁香综合缴情六月-丁香五月色六月综合缴情-五月丁香六月综合缴情基地 青青青国产在线观看手机免费_青草青草久热精品视频_青青精品国产自在线拍 2019国产精品青青草原,亚洲阿v天堂在线2017 久精品视在线观看视频_青草青草久热精品视频_久9视频这里只有精品试看 青青精品国产自在线拍,含羞草免费观看 国产人妻少妇精品视频,一本到国内在线视观看,****伊人成综合网 在线精品国产在线视频_aaa成免费人电影国产在线精品视频免费观看 亚洲欧美国产综合aV_国产欧美高清在线观看_欧美视频毛片在线播放_亚洲欧美中文日韩视频 色姑娘久久综合网天天 五月天丁香婷深爱综合 开心婷婷五月综合基地 色姑娘综合站 日日摸天天摸人人看,日日摸天天摸人人看在线观看,日日摸天天摸人人看最新777 免费av亚洲国产在线-深夜福利-99精品国产免费观看视频 一个色综合亚洲色综合,日日干夜夜猛射,最新一本道 久久最新2018啪啪自拍视频 日日摸夜夜添夜夜添,国产91女神在线观看,天天玩天天鲁天天she,俺来也最新官方 狠狠热在线视频免费,久久免费视频精品在线, 888米奇影视四色AV, 啊老师你好湿好大, 亚洲天堂无码色 51社区精品视频-激情文学小说视频看免费-她也热视频在线观看-亚洲永久免费视频网站 在线 亚洲 视频 小说,福利视频在线观看,2019年92午夜视频福利,天天操天天干,两性色午夜视频 国内偷拍国内精品视频_2019最新欧美AV片高清观看_亚洲成在人线免费视频_国产亚洲观看视频在线 欧美免费观看全部_久久女婷五月综合色啪_天天夜夜_人人天天夜夜日日狠狠 擼一把-天天视频鲁一鲁_狠狠爱狠狠噜精品在线日日夜夜噜免费观看 久精品视在线观看视频_青草青草久热精品视频_久9视频这里只有精品试看 日韩欧美一中文字暮精品,日韩欧美一中文字暮精品不卡,日韩欧美一中文字暮2019不卡 最新无码专区在线视频,最新高清无码专区,欧美av无码高清在线-首页 五月丁香综合缴情六月-丁香五月色六月综合缴情-五月丁香六月综合缴情基地 青青精品国产自在线拍,含羞草免费观看 青青青青手机兔费视频_青青在线国内在线播放_青青青在线播放观看视频 手机版青青青免费观看 青青国产视频色偷偷 色天使青青草 青青草视频无码 精品亚洲国内偷拍视频_在线偷拍视频精品视频-在线精品国产在线视频 五月丁香综合缴情六月-丁香五月色六月综合缴情-五月丁香六月综合缴情基地 人人澡超碰碰中文字幕_人人天天夜夜日日狠狠_久久人人97超碰_日日摸天天摸人人看_电影_电视剧_VIP视频_解析_综艺_高清电影网站 色婷婷综合缴情综五月,,,日日摸天天摸人人看,日日操,日日放夜夜高清在线 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 免费国产久久啪久久爱_擼久久熱这里只是精品_青青草a免费线观a_小明白白费观看视频_紫夜影视网 天天啪啪-久久天天插-夜夜插-天天膜日日插天天夜夜i日日高清在线 擼一把-天天视频鲁一鲁_狠狠爱狠狠噜精品在线日日夜夜噜免费观看