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天堂,亚洲AV最新在线网址,变态另类_1页 一线高清视频免费观看在线_自拍愉拍另类图片_网友自拍区视频精品_职场丝袜人妻亚洲wm高清在线 中文字幕人妻系列人妻有码-真正欧美AV片-2019热视这里只有精品-一区二区亚洲AV 日产无码中文字幕-jazz18日本樱桃-蜜芽AV在线新地址-凹凸世界视频在线播放 亚洲一中文字暮2019,国产日韩欧美AV中文日韩二区,亚洲中文有码字幕青青 综合Aⅴ第一页,久热国产vs视频在线观看,2019国自产拍,亚洲中文字幕自拍网 薰衣草在线观看免费-亚洲中文高清有码在线-4455vw亚洲毛片基地-网曝门事件亚洲 久久大香伊蕉国产,2012中文字幕手机在线,yy6810高清影院理论,草草影院CCYY 久久影院_在线综合亚洲欧美不卡网站_国偷自产一区二区三区app_色777狠狠 在线高清中文字幕电影久本草,天堂网最新版在线,国产私拍福利精品视频,一线高清 中文字幕人妻系列人妻有码-真正欧美AV片-2019热视这里只有精品-一区二区亚洲AV 现场版手机在线观看,亚洲欧美日韩高清综合678,影音先锋VA色资源站,野花视频最官网 亚洲全国最大的色惰网-一本大道香蕉大a√在线-亚洲三级片-综合图区欧洲偷自拍 小草视频影院_亚洲欧美综合网_亚洲超碰国产欧美日韩_亚洲欧美卡通自拍动图 沟沟日本顶级大胆艺木,偷偷要色偷偷aⅴ视频,精品国产v二区,日本jazz亚洲护士 2019狼人香蕉香蕉在线_伊人久久情人综岁的合网18_综合色区亚洲熟妇shxstz 在线看日产视频_色喜人体大尺度_日本一区二区狠干视频_欧美日产国码,最新国产 2019狼人香蕉香蕉在线_伊人久久情人综岁的合网18_综合色区亚洲熟妇shxstz 影音先锋男人AV电影在线,带剧情的中文欧美AV,中文字幕av清片,亚洲精品私拍国产 久久在精品线影院,大香伊蕉人在电影院,色先锋,影音先锋aⅴ资源站,欧美色妞www 日韩日韩无砖专区一中文字,sss亚洲国产欧美,青柠在线观看视频在线,香蕉狼人伊在线 日产人人模人人爽人人喊-最近中文字幕2018-亚洲日韩中文字幕日本有码 色八区人妻在线视频,鲁死你在线资源平台,国产学生曝门事件视频14 男人将机机桶女人30分钟_春色 都市 亚洲 小说区_色 亚洲 日韩 国产 在线_手机在线播放 亚洲色欲色欲www短片,天堂mv手机在线mv观看,亚洲中文字字幕j,青误乐极品AV 国产亚洲一区二区,欧洲熟妇Av天堂,亚洲AV最新在线网址,变态另类_1页 男人本色在线视频_小日本无码av中文字幕_日本免费不卡一区在线电影_中文亚洲无码 亚洲欧美中文日韩在线v日本-久久精品免费-青柠视频在线-亚洲欧洲日产国码专区 国偷自拍视频,在线高清亚洲精品二区,中文字幕无线观看在,大香伊蕉在人线国产网 密情缘高清在线观看,噜噜色青青在线视频,国产线路一二三,剧情国产AV剧情 AI换脸杨幂那种视频,恋爱播放列表免费观看,亚洲欧美国产,国啪产自制福利 老猫影院手机免费观看,影音先锋在最新资源站,婷婷中文字幕,制服一区二区亚洲 成女人图区-亚洲韩国日本一级作爱片-日本一本之道高清不卡免-中文字幕av一区二区三区免费在线播放 超碰人人超人人超碰国产,中文字幕人成无码,亚洲欧洲日产国码无码,网友自拍区 久久丫线这里只精品,综合自拍亚洲综合图明星区,色噜噜综合在线,青青青极品视觉 色天使久久综合网天天堂_亚洲中文字字幕j_日本Av区中文字幕_国产亚洲日韩在线 AV男人的天堂在线观看第三区-亚洲精品5388-亚洲中文高清不卡综合网-国产在线 产福利第一视频在线播放-精品国产,网曝门-国内精品夫妻活动视频-午夜福利 完整日本特级毛片,国产脚交视频在线观看,欧美亚洲日本国产其他,中日韩国内精品 大香伊蕉在人线视频777_黑白配在线观看_2020最新国产网曝视频_中文字幕 久久这里精品18学生,日本www色老头,亚洲日韩中文字幕天堂不卡,欧美日韩在线 野花视频免费观看,美女视频图片,影视大全高清版免费观看,小草免费视频播放 亚洲欧美综合精品二区-漂亮人妻被中出中文字幕-伊人伊城久久综合网-亚洲超高清 久久影院_在线综合亚洲欧美不卡网站_国偷自产一区二区三区app_色777狠狠 国自产精品手机在线视频,另类小说视频一区,五福影院旧址点击进入,偷自视频区 正在直播e中国人,欧美亚洲国产手机在线有码,夜色老司机极品盛宴,小草免费观看 日韩国产码高清综合一区-小草电影免费观看-国产日韩在线时看高清视频-国产在线 久久精品五福影院,最新亚洲中文字幕一区在线,日韩aⅴ亚洲电影无码,国产综合网 亚洲s色大片,伊人大蕉香视频75,AV男人的天堂在线观看第三区,国产AV中文三区 久久大香萑太香蕉av-最新更新国产区手机版-欧美亚洲91在线影院-国偷自产一区 日本真人作爱一级毛片_歪歪私人影院午夜毛片_а∨天堂在线青天葵_欧美国产亚洲 精品 日产视频,国产亚洲日韩国网曝,野花在线观看,欧美日韩国产一二区视频 大香伊蕉国产三级_狠狠在怕线香蕉_免费人成在线观看网站_在线亚洲国产日韩欧洲 久久大香伊蕉国产,2012中文字幕手机在线,yy6810高清影院理论,草草影院CCYY 影音先锋男人AV电影在线,带剧情的中文欧美AV,中文字幕av清片,亚洲精品私拍国产 日本真人作爱一级毛片_歪歪私人影院午夜毛片_а∨天堂在线青天葵_欧美国产亚洲 中文字幕v亚洲日本,国产在线精品亚洲二区动漫,亚洲色欧美另类色吊丝,亚洲欧美 日本真人作爱一级毛片_歪歪私人影院午夜毛片_а∨天堂在线青天葵_欧美国产亚洲 大香伊蕉人在播放75-亚洲日韩欧美制服二区-ai明星合成王丽坤高潮-亚洲小说 男人去天堂a线女人天堂,国剧原创中文所有免费,色八区人妻在线视频,欧美中文 国自产精品手机在线视频,另类小说视频一区,五福影院旧址点击进入,偷自视频区 伊香蕉AV最新播放-AV在线观看国产剧情演绎-亚洲欧美日本中文字不卡-性都花花世界 AV福利导福航,国产亚洲日韩妖曝,含羞草限时免费看,国产一区二区三区别不卡 噜噜噜色在线播放视频-亚洲中文女同网站-小草社区视频在线观看播放-日韩欧美 亚洲白拍偷自拍网-狠狠狠狼鲁亚洲综合网-国国产自偷自偷免费一区-亚洲日韩 免费观看AV福利片,亚洲а∨天堂2019在线播放,色老板在线永久免费视频,成年女人毛片视频 亚洲精品国产自在现线最新_亚洲制服中文字幕36页_暗花影院_日韩美香港a一级毛 夜色老司机极品盛宴,国产在线精品亚洲二品区,久热国产vs视频在线观看,免费一区 ai换脸 女明星 福利网站,亚洲乱妇21P,国产,欧美在线综合91,亚洲国产在线2020最新,制服诱惑 密情缘高清在线观看,噜噜色青青在线视频,国产线路一二三,剧情国产AV剧情 成在线人免费_青青在线精品2019国产_自拍欧美图片区小说区_日本无码AV一区二区 夜色老司机极品盛宴,国产在线精品亚洲二品区,久热国产vs视频在线观看,免费一区 影音先锋男人AV电影在线,带剧情的中文欧美AV,中文字幕av清片,亚洲精品私拍国产 国偷自拍视频,在线高清亚洲精品二区,中文字幕无线观看在,大香伊蕉在人线国产网 好男人影视在线观看-无限资源免费视频-ar高清视频在线观看-日本真人作爱一级 av.网站你懂得,大香伊蕉在人线99国产图片,日本欧洲国产三区,国产偷v国产偷v ai换脸 女明星 福利网站,亚洲乱妇21P,国产,欧美在线综合91,亚洲国产在线2020最新,制服诱惑 国自产精品手机在线视频,另类小说视频一区,五福影院旧址点击进入,偷自视频区 黑人97人人模人人爽人人喊-国产精品综合色区-色爱综合区小说-黄 色 成 人网站 大香伊蕉在人线视频777_黑白配在线观看_2020最新国产网曝视频_中文字幕 欧洲成本人视频,欧洲成本人网战,亚洲自偷自拍另类,国产综合一区二区中文 天线香蕉人线伊看,6080yy亚洲久久无码,日韩中文字幕中文有码,ai换脸杨幂,迪丽热巴