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

亚洲成人快播,学生妹人人摸碰,爱福利视频广场,插嫩嫩学生妹p,大香蕉天天透啪,欧美做愛坉片,美国成人视频 青青草大香蕉|青青青草国产线观|5x在线视频 亚洲 欧美 日韩 国产 另类,巨茎人妖,一级做人爱c欧美免费 久精品视在线观看视频_青草青草久热精品视频_久9视频这里只有精品试看 亚洲 自拍 色综合图区av网站,欧美免费视频网,亚洲最大色情网,老鸭窝,,亚洲乱乱色情网草遛社区 国产综合亚洲区,色拍拍拍免费视频在线,色大妈 狠狠日久久日夜夜色,青青青草国产费观看 免费的三级黄网站,黄色电影 黄色视频,黄色网站 三级黄色,免费黄色视频,黄色一级全祼 色悠久久久久综合网,亚洲男人天堂网2019av,2019高清日本一道国产,97超碰97资源在线观看 久久re热这里只是精品,99久久免费视频6,久久播这里只有精品,久久播在线播放视频
亚洲 欧美 国产 综合_国产精品亚洲在钱视频_国产成 人 综合 亚洲_日本高清色视频www 在线视频国产精品欧美 在线视频 欧美 亚洲 亚洲.欧美.在线视频 国产 天天干_夜夜啪_天天操_天天啪_天天射_天天日_天天撸-天天插,天天狠,天天透 在线观看av亚洲Av图片,欧美13一14周岁a在线,日本写真集,自拍+另类+精品 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 精品国产高清自在线看 国产a片在线播放 国产毛片国产精品无码视频在线|国产精品毛片在线视频 男人的天堂在成a,美国成年性色生活片,99久l久免费视& 人人天天夜夜日日狠狠_天天夜夜i日日高清在线_日日摸天天摸人人看 久久亚洲国产中文字幕_久久这里只精品国产99re66_99RE免费99RE在线视频 欧美免费观看全部_久久女婷五月综合色啪 人人澡人人澡人人看_人摸人人人澡人人超碰_97夜夜澡人人爽人人喊 国产精品视频_国产在线_99这里有精品免费视频 青青草大香蕉|青青青草国产线观|5x在线视频 青青青青手机兔费视频_青青在线国内在线播放_青青青在线播放观看视频 擼一把-天天视频鲁一鲁_狠狠爱狠狠噜精品在线日日夜夜噜免费观看 亚洲欧美国产综合aV_国产欧美高清在线观看_欧美视频毛片在线播放_亚洲欧美中文日韩视频 国产亚洲精品福利视频国内精品福利自拍在线视频国内精品自拍视频在线播放 日本av 中文字幕 在线观看,亚洲综合日韩在线2020,日本AV精品中文字幕_主页 亚洲欧美国产综合aV_国产综合亚洲区_成 人 国产系列 免费AV片在线观看_免费免费啪视频观看视频_年轻人免费观看视频 香蕉在线2019年新版在线大香蕉电影 大香蕉网 大香蕉在线影院 伊人大香蕉 伊人大香蕉九九99香蕉在线视频 久久婷婷五月综合色啪_国产伊人久久大香蕉_大香蕉网伊人网4在线观看 亚洲欧美免费无码专区,人妖欧美, 亚洲 欧美 中文 在线 视频, 黑粗硬大欧美在线视频 一区二区三区高清视频_青青河边草在线视频免费观看_小草影视在线视频观看 婷婷六月丁香综合基地,色偷偷男人的天堂a v,免费可以看污的完整视频软件 色色色色色 - 日本视频高清免费观看 人人澡超碰碰中文字幕,人人天天夜夜日日狠狠,久久人人97超碰,人人婷婷开心情五月,日日摸天天摸人人看, 色啪在线视频免费观看|色偷偷亚洲男人的天堂|色综合色久久综合图片|色啪在线视频免费观看 天天干夜夜爱 天天色播 天天射天天舔 伊人影院,青青草a免费线观a,久久色综合征,久久爱看免费观看,丁香五月婷婷,一本道久在道最新2019 任我爽橹在线视频精品,港台经典免费三级 99热 久久99热视频只有精品 九九热爱视频精品 99热这里只有精品 久久re热这里只是精品 青青河边草免费视频,青青青国产费观看视频,青草青草久热精品视频_最新 青草青草久热精品视频 青草青草久热精品视频 超频在线免费观看视频,青草青草视频2免费观看 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 大色窝夜夜撸在线视频在线观看,播播影院伦理私人影院,神马电影院伦理电影播放,神马影视伦理片6080 亚洲偷自拍精品视频在线观看|国产美女一级A做爰|亚洲 欧美 国产-首页 天天嚕2017最新视频免费-天天日影院-夜夜橾天天橾b免费视频-天天碰天天摸公开视频 日日干夜夜猛射,电影天堂2012,javbus上不去,新sss在线欧美整片 一个色综合亚洲色综合,日日干夜夜猛射,最新一本道 久久最新2018啪啪自拍视频 开心色综合伊人_ 丁香五月婷婷开心综合 精品亚洲国内偷拍视频_在线偷拍视频精品视频-在线精品国产在线视频 天天干_夜夜啪_天天操_天天啪_天天射_天天日_天天撸-天天插,天天狠,天天透 欧美av,欧美av.日韩av.亚洲av,欧美av无码高清在线,欧美av在线观看_第1页 日久干草青青视频免费_日本近親倫亂中文字幕av視頻 天天草夜夜草,成人在线观看视频,好看的黄色片,天天爱搞搞 青青草在在观免费福利线观看,一本道综合久久av 色综合,,免费三级现频在线观看 ,超级碰碰中文在线播放 亚洲人成网站77777,欧美图亚洲色另类图片,亚洲欧洲自拍图片专区,伊人影院蕉久影院直播福利 国产人妻少妇精品视频,精品国产福利在线视频,午夜私人成年影院 亚洲欧美国产综合aV_国产欧美高清在线观看_欧美视频毛片在线播放_亚洲欧美中文日韩视频 天堂AV在线AV,国产亚洲视频中文字幕,国内国内精品视频,以满足广大秒拍控为宗旨的视频网 亚洲欧美国产综合aV_国产欧美高清在线观看_欧美视频毛片在线播放_亚洲欧美中文日韩视频 伊人大杳蕉青青视频,青青青在线视频大杳蕉,青青小草国产在线播放,依人青青青免费观看,青青青爽在线视频观看,青青精品视频国产,青青伊人网 亚洲 欧美 国产 综合-aV欧美国产在线-久久国产自偷拍 欧美av,欧美av.日韩av.亚洲av,欧美av无码高清在线,欧美av在线观看_第1页 亚洲香蕉视频在线播放_伊人大香蕉久久网_精品国产自在线拍 曰本三级片,婷婷五月综合色啪在线观看,成人免费图片 99久久re6精品首页 久久人人97超碰 伊人大杳蕉青青视频-香蕉视频黄站1204-免费香蕉依人在线视频-香蕉尹人综合在线观看 精品香蕉视频在线播放-高清云影视免费为大家提供最新最全的免费电影 韩国电影-韩国三级-韩国r级电影-韩国理论片在线-天天影视网 亚洲美女高清aⅴ视频国产,免费AV在线看,夜夜干夜夜大香蕉,人人在线碰碰视频免费 97夜夜澡人人爽人人喊,自拍一区 综合图区,伊人久久综在合线亚洲,伊人狼人综合av 哥哥色,超频在线免费观看视频,天天日夜夜干b视频,天天啪啪啪 男人的天堂在成a,美国成年性色生活片,99久l久免费视& 婷婷色香五月综合缴情--色空阁俺去也婷婷五月色婷婷综合缴情综五月,,, 人人影视2019—人人视频~久久人人97超碰人人澡~人人鲁免费播放视频 日久干草青青视频免费_日本近親倫亂中文字幕av視頻 日久干草青青视频免费_日本近親倫亂中文字幕av視頻 青娱乐极品盛宴,青青草网站,青青青免费视频在线观看,av国产精品在线手机视频 夜夜橾天天橾b在线观看_天天日日狠狠 2019_天天啪久久爱视频精品 大色窝夜夜撸在线视频在线观看,播播影院伦理私人影院,神马电影院伦理电影播放,神马影视伦理片6080 欧美 av亚洲 av国产 制服,经典+亚洲+欧美+中文,97在线观看,欧美成人电影 久久婷婷五月色香综合缴_边摸边吃奶边做gif视频 五月天婷婷久久啪,2019久久精品综合查询,万人靠青青视频,2019精品国产在线 2019国产精品青青草原,亚洲阿v天堂在线2017 日日天干夜夜 天天看在线精品视频 2019天天日天好天干 婷婷色香五月综合缴情--色空阁俺去也婷婷五月色婷婷综合缴情综五月,,, 婷婷丁香五月天-婷婷六月丁香伊人-_一道本伊人久久爱-一道本在线-一道本久久综合久久爱-_在线视频国产精品欧美-国产视频久久热精品- 五月丁香综合缴情六月-丁香五月色六月综合缴情-五月丁香六月综合缴情基地 97人人模人人爽人人喊-免费观看最新上映大片,午夜剧,不用下载播放器免费在线观看,手机在线观看! 日韩欧美一中文字暮精品,大陆国产Av国际对白,一级特AAAA片,精子窝在线免费看 天天草夜夜草,成人在线观看视频,好看的黄色片,天天爱搞搞 亚洲 欧美 国产 综合-aV欧美国产在线-久久国产自偷拍久久热这里只有精品99_久热这里只有精品视频 超碰最新 - 黑粗硬大欧美在线视频五夜天视频APP_福利APP 亚洲欧美国产综合aV_国产综合亚洲区_成 人 国产系列视频亚洲精品视频 欧美亚洲综合国产 精品 在线 视频 亚洲 亚洲日韩一中文字暮.欧美TV一中文字暮.日韩欧美一中文字暮专区-紫夜影视网-五月丁香 任我爽橹在线精品视频,任你日线观看免费视频不一样,轻轻色青青青在线视频 人人澡人人澡人人看_人摸人人人澡人人超碰_97夜夜澡人人爽人人喊 久久精品99热超碰_亚洲 综合色 久久爱_免费国产久久拍久久爱三级片-香港经典三级-午夜电影院 国产亚洲精品福利视频国内精品福利自拍在线视频国内精品自拍视频在线播放 51社区精品视频-激情文学小说视频看免费-她也热视频在线观看-亚洲永久免费视频网站 青青草在在观免费福利线观看,一本道综合久久av 色综合,,免费三级现频在线观看 ,超级碰碰中文在线播放 青青青国产手机观看视频2019,香蕉网久久,国产大香蕉在线,大香蕉电影在线 曰曰夜夜在线影院视,老司机在线视频,我爱52avav永久网址,日本毛片亚洲 夜夜橾天天橾b在线观看_天天日日狠狠 2019_天天啪久久爱视频精品 人人澡超碰碰中文字幕,人人天天夜夜日日狠狠,久久人人97超碰,人人婷婷开心情五月,日日摸天天摸人人看,97人人模人人爽人人喊 第一国产资源-国产全部视频-免费国产直接看片av日日色天天啪夜夜 夜夜橾天天橾b免费视频-天天啪久久国产-一木道天天啪免费 日久干草青青视频免费_女人潮喷_俄罗斯videodese12 任我爽橹在线视频精品,港台经典免费三级 五月丁香综合缴情六月-丁香五月色六月综合缴情-五月丁香六月综合缴情基地 伊人大杳蕉青青视频_伊人大杳蕉情侣成综合_伊人9在线观看免费观看 夜夜天天拍拍,学生妹人人摸碰,夜夜橾天天橾b在线观看 亚洲欧美国产综合aV_国产欧美高清在线观看_欧美视频毛片在线播放_亚洲欧美中文日韩视频 国产亚洲精品福利视频,高清国产午夜福利在线视频,国产私拍福利精品视频 久久这里只精品国产99re66,久久这里只精品99re66,久久这里只精品免费 任我爽橹在线视频精品,港台经典免费三级《任我爽橹在线视频精品》高清在线观看 五月婷婷开心综合开,91porn,中文字幕大香蕉在线看,你懂的电影 精品国产高清自在线看 精品国产自在线拍手机观看 青青精品国产自在线拍 国产精品av2019第一网站 亚洲欧美免费无码专区,人妖欧美, 亚洲 欧美 中文 在线 视频, 黑粗硬大欧美在线视频 夜夜橾天天橾b在线观看_天天啪久久爱免费视频_夜夜爽天天啊 在线精品国产在线视频,在线看片免费人成视频,一本大道香蕉大l在线 青娱乐极品盛宴,青青草网站,青青青免费视频在线观看,av国产精品在线手机视频 菠萝视频无限看,菠萝视频香蕉视频,菠萝视频在线无限观看国产亚洲视频中文字幕_热99精品只有里视频 欧美 av亚洲 av国产 制服,经典+亚洲+欧美+中文,97在线观看,欧美成人电影 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 婷婷六月丁香综合基地开心婷婷五月综合基地,五月丁香六月综合缴情 天堂AV在线AV,国产亚洲视频中文字幕,国内国内精品视频,以满足广大秒拍控为宗旨的视频网 天天干夜夜爱 天天色播 天天射天天舔 夜夜橾天天橾b在线观看_天天日日狠狠 2019_天天啪久久爱视频精品 五月婷婷开心综合开,91porn,中文字幕大香蕉在线看,你懂的电影 精品国产自在线拍-青青国产视频偷拍-国产精品在线手机视频 青青精品国产自在线拍,含羞草免费观看青青草大香蕉|天鲁夜夜啪视频在线 青青视频免费观看 青青青免费视频在线 久青草原视频免费观看 2017伦理电影免费观看 青青草原在线 国产人妻熟妇在线视频-国产在线自在拍91-国产ar高清视频 视频 亚洲 欧美 国产 综合|亚洲 日韩 国产 有码|一本到在线视频观看^&,亚洲国产综合另类视频 紫夜影视网-午夜电影院-三级片-五月丁香-八哥电影 亚洲欧美国产综合aV_欧美国产AV免费播放_亚洲欧美成AⅤ人在线观看-首页 久章草在线影院免费视频,成年美女黄网站色视频,黑粗硬大欧美在线视频 天天躁夜夜躁狠狠_天天躁日日躁狠狠躁_大芭蕉天天视频在线观看 狠狠热在线视频免费,久久免费视频精品在线, 888米奇影视四色AV, 啊老师你好湿好大, 亚洲天堂无码色 在线成本人视频动漫,成本人动画片在线观看,亚洲人成电影网站免费 伊人影院,青青草a免费线观a,久久色综合征,久久爱看免费观看,丁香五月婷婷,一本道久在道最新2019 久久色综合久久色综合久久色,啪啪啪视频大全,天天爽天天透天天伊人,久久中文字幕视频,2019日本高清无码激情播放 久久热,99热,九九热,99热久久最新视频,99re久久热在线播放,久久热在线免费视频,久久热这里只有精品 国内偷拍国内精品视频_2019最新欧美AV片高清观看_亚洲成在人线免费视频_国产亚洲观看视频在线 青青青免费视频在线——手机版青青青草免费观看,2018日本高清国产,他也撸 国产人妻少妇精品视频_老司机午夜福利免费视频_在线中文字幕亚洲日韩,怎么写网络小说,穿越小说完本,小说阅读网站 久久播_久播电影网-亚洲人成电影网站免费-青青草观看-大香蕉视频 大香蕉网 久久婷婷五月综合色啪_国产伊人久久大香蕉_大香蕉网伊人网4在线观看 日本av 中文字幕 在线观看,亚洲综合日韩在线2020,日本AV精品中文字幕_主页 欧美 国产 日产 韩国,欧美精品videossexohd,欧美 av亚洲 av国产 制服 亚洲av综合av国产av_日韩欧美一中文字暮精品_中文字幕乱码在线播放_拍拍拍无挡视频免费_美女视频黄频大全视频 亚洲欧美中文日韩天堂AV_好看Av亚洲va欧美Ⅴa在线_亞洲Av 歐美a V 日本A V_亚洲 欧美 中文 日韩Av在线 第一国产资源-国产全部视频-免费国产直接看片av 久久色综合久久色综合久久色,啪啪啪视频大全,天天爽天天透天天伊人,久久中文字幕视频,2019日本高清无码激情播放 丁香五月开心婷婷综合_丁香花久久五月综合网_五月激激激综合网 国产人妻少妇精品视频,精品国产福利在线视频,午夜私人成年影院 97人人模人人爽人人喊-免费观看最新上映大片,午夜剧,不用下载播放器免费在线观看,手机在线观看! 曰本三级片,婷婷五月综合色啪在线观看,成人免费图片