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

俄罗斯性交,欧美视频毛片在线播放,爱色影电影,免费中文熟妇在线影片,熟女人妻子在线观看,欧美成人电影 夜夜骑视频|黄色播放器|AV电影在线|很很鲁很很很鲁很很鲁在线视频播放 亚洲人成网站77777,欧美图亚洲色另类图片,亚洲欧洲自拍图片专区,伊人影院蕉久影院直播福利 丁香五月开心婷婷综合 五月婷婷开心缴情网 开心网五月 日本一在线中文字幕,任我爽橹在线视频精品,琪琪电影网,在线偷拍偷拍青青,亚洲高清有码中文字 亚洲成人快播,学生妹人人摸碰,爱福利视频广场,插嫩嫩学生妹p,大香蕉天天透啪,欧美做愛坉片,美国成人视频 日本在线观看所有av网站,四虎影在永久在线观看,中文字幕网,在线免费观看日本Av 青青草在在观免费福利线观看,中文字幕国产在线播放,青青青视频在线观看,香蕉视频在线观看 久久精品视频在线看99,99久久在线视频精品店,99热这里在线精品视频6,日日在线观看,男女啪啪啪
在线精品国产在线视频 国产亚洲精品俞拍视频 精品国产福利在线视频 免费AV片在线观看_免费免费啪视频观看视频_年轻人免费观看视频 免费av亚洲国产在线-深夜福利-99精品国产免费观看视频 2018天天看夜夜看狠狠看,2018天天看夜夜晚,2018天天躁夜夜躁-首页 精品国产高清自在线看 精品国产自在线拍手机观看 青青精品国产自在线拍 国产精品av2019第一网站 色婷婷综合缴情综五月,,,日日摸天天摸人人看,日日操,日日放夜夜高清在线 任我爽橹在线视频精品,港台经典免费三级 最新无码专区在线视频,最新高清无码专区,欧美av无码高清在线-首页 青青青青手机兔费视频_青青在线国内在线播放_青青青在线播放观看视频 天天草夜夜草,成人在线观看视频,好看的黄色片,天天爱搞搞 亚洲人成网站77777,欧美图亚洲色另类图片,亚洲欧洲自拍图片专区,伊人影院蕉久影院直播福利 久精品视在线观看视频_青草青草久热精品视频_久9视频这里只有精品试看 青青青免费视频在线——手机版青青青草免费观看,2018日本高清国产,他也撸 婷婷六月丁香综合基地婷婷六月丁香综合基地|导航色开心婷婷五月综合基地,五月丁香六月综合缴情 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 夜夜爽天天啊,天天曰夜夜回,天天啪久久国产,天天摸日日碰人人看,天天穞日日穞夜夜穞,天天夜夜日日高清在线 99热在线视频观看免费,婷婷色婷婷开心五月四房播播,亚洲第一狼人,色迷迷 国语自产精品视频在_九九热线有精品视频6国产精品毛片在线视频_最新无码国产在线视频 欧美 av亚洲 av国产 制服,经典+亚洲+欧美+中文,97在线观看,欧美成人电影 亚洲av国产av手机在线_2019国拍自产在线高中生_午夜精品国产自在现线拍 任我爽橹在线视频精品,港台经典免费三级 日日摸天天摸人人看,日日摸天天摸人人看在线观看,日日摸天天摸人人看最新777 精品国产自在线拍-青青国产视频偷拍-国产精品在线手机视频 97夜夜澡人人爽人人喊_天天躁日日躁狠狠躁_人人澡 人人澡 人人看 人人澡超碰碰中文字幕,人人天天夜夜日日狠狠,久久人人97超碰,人人婷婷开心情五月,日日摸天天摸人人看,97人人模人人爽人人喊 亚洲av国产av手机在线_2019国拍自产在线高中生_午夜精品国产自在现线拍 青青青国产手机观看视频2019,香蕉网久久,国产大香蕉在线,大香蕉电影在线 亚洲另类小说|午夜国产精品视频在线|亚洲欧美国产综合aV|第一国产资源 亚洲美女高清aⅴ视频国产,免费AV在线看,夜夜干夜夜大香蕉,人人在线碰碰视频免费 在线 亚洲 视频 小说,福利视频在线观看,2019年92午夜视频福利,天天操天天干,两性色午夜视频 婷婷开心色四房播播|四虎影视在线地址最新|91国产精品情侣愉拍|伊人免费视频 天天干-夜夜啪_天天操-天天啪-天天射-天天日-天天撸-天天在线视频 98精品免费视频,98精品视频在线,se98在线精品视频 青青青国产在线观看手机免费_青草青草久热精品视频_青青精品国产自在线拍 夜夜橾天天b在线观看_成a人片免费在线观看_最新轮乱视频在线观看 开心婷婷五月综合基地_五月丁香六月综合缴情_激情综合色久久啪啪 神马妹子图都有的性感美女图片网 - 纯妹妹网 97人人模人人爽人人喊-免费观看最新上映大片,午夜剧,不用下载播放器免费在线观看,手机在线观看! 婷婷开心色四房播播|久就在现精品草|91在线观看官网 久精品视在线观看视频_青草青草久热精品视频_久9视频这里只有精品试看 亚洲欧美免费无码专区,人妖欧美, 亚洲 欧美 中文 在线 视频, 黑粗硬大欧美在线视频 日日夜夜鲁_媽媽鲁播放_色欲影视_淫香淫色_天天影视 国产亚洲中文字幕在线播放|欧美日韩制服首页|丝袜美腿另类-首页 欧美在线v有码,亚洲 日韩 国产 有码,a片毛片免费观看,欧美av电影,中文字幕日本无吗,韩国电影网,韩国电影 做爱视频-免费伦费影视在线观看-2019年上映的欧美大片一级 99热在线视频观看免费,婷婷色婷婷开心五月四房播播,亚洲第一狼人,色迷迷 黑粗硬大欧美在线视频-a毛片免费全部播放-午夜在线播放免费人成 五夜天视频APP_福利APP开心婷婷五月综合基地 曰曰夜夜在线影院视,老司机在线视频,我爱52avav永久网址,日本毛片亚洲 亚洲香蕉视频在线播放_伊人大香蕉久久网_精品国产自在线拍 天天色综合_天天色情网_天天啪啪啪,手机青青在线观看国产,蝌蚪人人手机视频专题 擼一把-天天视频鲁一鲁_狠狠爱狠狠噜精品在线日日夜夜噜免费观看 国产亚洲精品拍拍视频_人妻中文字幕无码系列337p日本大胆欧美人术艺术 久草在线新免费观看 青青青视频在线观看 青青草在线播放观看 青青草视频免费观看,加勒比久久综合久久 2019国产精品青青草原,亚洲阿v天堂在线2017 青青青青手机兔费视频_青青在线国内在线播放_青青青在线播放观看视频 av日本,婷婷色香五月综合缴缴情,怡红院成人,五月丁香综合缴情六月 韩国电影-韩国三级-韩国r级电影-韩国理论片在线-天天影视网 日日鲁夜夜啪在线视频-日本毛片高清免费视频-一本道亚洲区免费观看-日日啪日韩在线-欧美肥胖老太videos- 青青青免费高清在线观看视频|青青草精品免费线|国产主播青青草2018 丝袜 国产 视频 首页 在线-夜夜躁天天躁免费视频-韩国无码视频-狠狠色狠狠噜视频 紫夜影视网-午夜电影院-三级片-五月丁香-八哥电影 青青青国产在线观看手机免费_青草青草久热精品视频_青青精品国产自在线拍 香蕉在线2019年新版在线大香蕉电影 大香蕉网 大香蕉在线影院 伊人大香蕉 伊人大香蕉九九99香蕉在线视频 亚洲 欧美 日韩 国产 另类,巨茎人妖,一级做人爱c欧美免费 国产人妻少妇精品视频 国内大量揄拍人妻在线视频 日本高清不卡码无码v亚洲 在线观看国产人妻视频 日本av 中文字幕 在线观看,亚洲综合日韩在线2020,日本AV精品中文字幕_主页 在线看午夜视频福利 - 在线观看深夜福利视频【精品视频,在线免费】 人人澡超碰碰中文字幕,人人天天夜夜日日狠狠,久久人人97超碰,人人婷婷开心情五月,日日摸天天摸人人看,97人人模人人爽人人喊 久久热,99热,九九热,99热久久最新视频,99re久久热在线播放,久久热在线免费视频,久久热这里只有精品 第一国产资源-国产全部视频-免费国产直接看片av 任我爽橹在线精品视频任我橹在线视频,欧美在线视频网站,天天日天天射天天舔 亚洲欧美中文日韩视频_可以免费观看的av毛片_黄色视频在线观看_在线精品国产在线视频_香蕉精品国产自在现线拍 丁香五月开心婷婷综合 五月婷婷开心缴情网 开心网五月 五月丁香综合缴情六月-丁香五月色六月综合缴情-五月丁香六月综合缴情基地 外国老人做受,亚洲 自拍 色综合图区av,欧美日韩在线 亚洲欧美国产综合aV_欧美国产AV免费播放_亚洲欧美成AⅤ人在线观看-首页 精品国产自在线拍-青青国产视频偷拍-国产精品在线手机视频 大色窝夜夜撸在线视频在线观看,播播影院伦理私人影院,神马电影院伦理电影播放,神马影视伦理片6080 大色窝夜夜撸在线视频在线观看,播播影院伦理私人影院,神马电影院伦理电影播放,神马影视伦理片6080 丝袜 国产 视频 首页 在线-夜夜躁天天躁免费视频-韩国无码视频-狠狠色狠狠噜视频 国产精品视频_国产在线_99这里有精品免费视频 草久久爱久久爱久久热在线 青青草视频 久草草在线新免费观看 青青青草网站免费观看,亚洲天堂无码一本道 亚洲 欧美 国产 综合|亚洲 日韩 国产 有码|一本到在线视频观看^&,亚洲国产综合另类视频 久久热,99热,九九热,99热久久最新视频,99re久久热在线播放,久久热在线免费视频,久久热这里只有精品 五月丁香六月综合缴情_****久久综合丁香_自拍亚洲偷****_婷婷丁香_五月爱婷婷六月丁香色_天天夜夜_人人天天夜夜日日狠狠_天天夜夜日日高清在线 av日本,婷婷色香五月综合缴缴情,怡红院成人,五月丁香综合缴情六月 亚洲欧美中文日韩天堂AV_好看Av亚洲va欧美Ⅴa在线_亞洲Av 歐美a V 日本A V_亚洲 欧美 中文 日韩Av在线 最新无码专区在线视频,最新高清无码专区,欧美av无码高清在线-首页 中文字幕第一页在线,欧美AⅤ,男人的天堂成人视频,婷婷五月综合色啪在线观看 黑粗硬大欧美在线视频,羞羞午夜福利免费视频,免费人疯狂做人爱视频,欧美香蕉视频播放二区,国产香蕉尹人视频在线 337p日本大胆欧美人术艺术_国产aa级毛卡片_特黄特色的大片观看免费视频 丁香五月开心婷婷综合 五月婷婷开心缴情网 开心网五月 精品香蕉视频在线播放-高清云影视免费为大家提供最新最全的免费电影 夜夜骑视频|黄色播放器|AV电影在线|很很鲁很很很鲁很很鲁在线视频播放 国产露脸 手机在线观看,哥精品国产自在线拍,国产情侣偷拍福利视频,1024porm国内自拍,偷拍国在线手机在线 青青视频免费观看 青青青免费视频在线 久青草原视频免费观看 2017伦理电影免费观看 青青草原在线 2018天天看夜夜看,高清毛片,最新最全美女在线视频网站免费互动交流网站,国产自拍,成人光棍电影天堂,免费三级现频在线观看 亚洲欧美免费无码专区,人妖欧美, 亚洲 欧美 中文 在线 视频, 黑粗硬大欧美在线视频 久久色综合久久色综合久久色,啪啪啪视频大全,天天爽天天透天天伊人,久久中文字幕视频,2019日本高清无码激情播放 国产亚洲精品福利视频国内精品福利自拍在线视频国内精品自拍视频在线播放 亚洲香蕉视频在线播放_伊人大香蕉久久网_精品国产自在线拍 在线精品国产在线视频,在线看片免费人成视频,一本大道香蕉大l在线 超碰最新 - 黑粗硬大欧美在线视频 擼一把-天天视频鲁一鲁_狠狠爱狠狠噜精品在线日日夜夜噜免费观看 外国老人做受,亚洲 自拍 色综合图区av97夜夜澡人人爽人人喊|爱逼影院 丁香五月开心婷婷综合 五月婷婷开心缴情网 开心网五月 久久婷婷五月综合色啪,99久久re6热精品首页_久久热视频这里只有精品久久99热这里只有精品66 亚洲欧美中文日韩天堂AV_好看Av亚洲va欧美Ⅴa在线_亞洲Av 歐美a V 日本A V_亚洲 欧美 中文 日韩Av在线 久久热免费观看视频_青青草视频免费观看_青青青免费视频在线-首页青青青免费视频在线观看 日日摸天天摸人人看,日日摸天天摸人人看在线观看,日日摸天天摸人人看最新777 外国老人做受,亚洲 自拍 色综合图区av,欧美日韩在线 天天干-夜夜啪_天天操-天天啪-天天射-天天日-天天撸-天天在线视频 免费av亚洲国产在线-深夜福利-99精品国产免费观看视频 精品香蕉视频在线播放-高清云影视免费为大家提供最新最全的免费电影 擼一把-天天视频鲁一鲁_狠狠爱狠狠噜精品在线日日夜夜噜免费观看 五月丁香综合缴情六月-丁香五月色六月综合缴情-五月丁香六月综合缴情基地 青青青草网站免费观看 青青草视频在线观看 久久在线视频 天天干_夜夜啪_天天操_天天啪_天天射_天天日_天天撸-天天插,天天狠,天天透 337p日本大胆欧美人术艺术_国产aa级毛卡片_特黄特色的大片观看免费视频 国语自产精品视频在_九九热线有精品视频6国产精品毛片在线视频_最新无码国产在线视频 国产人妻少妇精品视频,精品国产福利在线视频,午夜私人成年影院 开心婷婷五月综合基地|中文字幕免费视频不卡|亚洲性爱 亚洲欧美中文日韩天堂AV_好看Av亚洲va欧美Ⅴa在线_亞洲Av 歐美a V 日本A V_亚洲 欧美 中文 日韩Av在线 人人天天夜夜日日狠狠,五月婷婷缴情七月丁香,91社区色福吧 三级黄片,337p日本大胆欧美人术艺术,操笔,欧美免费全部免费观看 青青青国产手机观看视频2019,香蕉网久久,国产大香蕉在线,大香蕉电影在线 超碰最新 - 黑粗硬大欧美在线视频 精品 在线 视频 亚洲-国产精品高清视频免费-精品国产自在线拍-国产精品在线手机视频,,, 最新国产精品精品视频_国产在线播放精品视频_国产精品AV免费观看 做爱视频-免费伦费影视在线观看-2019年上映的欧美大片一级 亚洲欧美国产综合aV_欧美国产AV免费播放_亚洲欧美成AⅤ人在线观看-首页 青青草AV国产精品 青青精品国产自在线拍,青青青国产费观看视频,青青热久免费精品视频,精品国产自在现线拍国语 伊人大杳蕉青青视频-香蕉视频黄站1204-免费香蕉依人在线视频-香蕉尹人综合在线观看 99久久点在线精品_久久er热在这里只有精品66_中文字幕乱码 电影在线观看 日日干夜夜猛射,电影天堂2012,javbus上不去,新sss在线欧美整片 青草青草久热精品视频 青草青草久热精品视频 超频在线免费观看视频,青草青草视频2免费观看 亚洲AV 欧美AV 国产 制服-人人插-91在线国自产视频 99RE6热这里在线精品视频_久久精品国产只有精品_国产极品精品免费视频 亚洲 中文 自拍 另类 欧美_逼视频_伦午夜理_六月婷婷缴清综合在线 国产亚洲中文字幕在线播放|欧美日韩制服首页|丝袜美腿另类-首页 大色窝夜夜撸在线视频在线观看,播播影院伦理私人影院,神马电影院伦理电影播放,神马影视伦理片6080 亚洲 欧美 制服 另类 国产 亚洲 中文字幕 紫夜影视网-午夜电影院-三级片-五月丁香-八哥电影 337p日本大胆欧美人术艺术_国产aa级毛卡片_特黄特色的大片观看免费视频 天堂AV在线AV,国产亚洲视频中文字幕,国内国内精品视频,以满足广大秒拍控为宗旨的视频网 青青青免费视频在线——手机版青青青草免费观看,2018日本高清国产,他也撸 97人人模人人爽人人喊-免费观看最新上映大片,午夜剧,不用下载播放器免费在线观看,手机在线观看! 99热在线视频观看免费,婷婷色婷婷开心五月四房播播,亚洲第一狼人,色迷迷 自拍 偷拍 亚洲 欧美 另类_曰木美女Ⅹxx