<acronym id="DsAt6"><label id="DsAt6"><listing id="DsAt6"></listing></label></acronym><td id="DsAt6"><ruby id="DsAt6"></ruby></td>
  1. <p id="DsAt6"><strong id="DsAt6"><xmp id="DsAt6"></xmp></strong></p>
  2. <table id="DsAt6"><option id="DsAt6"></option></table>

    4k4k神马影院_神马电影手机看片,伦理、限制级电影在线观看 - 4k4k我不卡影院

    spin.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 ES6 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 ES6 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:

    import {Spinner} from 'spin.js';
    
    var opts = {
      lines: 12, // The number of lines to draw
      length: 7, // The length of each line
      width: 5, // The line thickness
      radius: 10, // The radius of the inner circle
      scale: 1.0, // Scales overall size of the spinner
      corners: 1, // Corner roundness (0..1)
      color: '#000', // CSS color or array of colors
      fadeColor: 'transparent', // CSS color or array of colors
      speed: 1, // Rounds per second
      rotate: 0, // The rotation offset
      animation: 'spinner-line-fade-default', // The CSS animation name for the lines
      direction: 1, // 1: clockwise, -1: counterclockwise
      zIndex: 2e9, // The z-index (defaults to 2000000000)
      className: 'spinner', // The CSS class to assign to the spinner
      top: '50%', // Top position relative to parent
      left: '50%', // Left position relative to parent
      shadow: 'none', // Box-shadow for the lines
      position: 'absolute' // Element positioning
    };
    
    var target = document.getElementById('foo');
    var spinner = new Spinner(opts).spin(target);
    

    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

    Contact

    If you encounter any problems, please use the GitHub issue tracker.
    For updates 4k4k神马影院_神马电影手机看片,伦理、限制级电影在线观看 - 4k4k我不卡影院.
    If you like spin.js and use it in the wild, let me know.

    淫淫,色奶奶,吉吉影音av资源站,影音先锋看片网站,激情色图,影音先锋看片网站,影音先锋看片网站 神马影院,神马电影在线观看 - 神马电影网 神马影院_神马电影手机看片,未来影院_我不卡影院_伦理片、第九影院_老子影视限制级电影在线观看 成人av_国产自拍 亚洲av_每日更新在线观看av_成人在线-首页 神马影院_神马老子伦理_午夜片神马影院福利_神马电影网 影视大全_神马伦理电影免费在线观看 - 青笋影院 亚洲香蕉视频在线播放_国产精品高清视频免费_国产亚洲精品在线视频 99久久免费热在线精品,久久爱,偷拍久久国产视频,久久成人视频,亚洲图片偷拍图片区314 神马影院-神马影院在线观看,最新视频,神马电影,爱神马电影 成人电影_偷拍自拍_亚洲图片_欧美图片_成人在线电影 亚洲色图_美女色图_成人色图_欧美色图大全_四季图片 神马影院_神马影视最新电影电视剧大全在线观看_神马电影网 狼人干综合影院福利在线观看_亚洲综合视频资源_狼人干综合伊人网最新地址 三米影视-神马电影网,神马影院我不卡,伦理福利,真心电影手机在线观看 神马电影,伦理片在线观看 - 神马影院 成av人电影在线观看,2017亚洲天堂最新地址 神马影院_伦理电影_神马电影_免费电影_神马电影网 亚洲蜜桃色图片_欧美97蜜桃色图片_蜜桃95撸管天堂图片-蜜桃网 good神马影院-男人天堂手机版2017_神马电影伦理午夜在线观看_亚洲阿v之妻不如妾首页 欧美色图 亚洲色图 偷拍自拍 av在线视频 白旗影视-神马影院,神马影院在线观看,神马电影,神马影视,神马电影网 93岛伦理片 dy888影视-午夜神马福利影院 神马电影 ppypp电影天堂 草民电影网 good电影_神马电影网_三级_韩国伦理电影手机在线观看 夜夜橾天天橾b在线观看_夜夜橾天天橾在线视频 美女诱惑视频 - 美女诱惑视频大全,国产亚洲精品在线视频 good神马电影伦理午夜_姐妹综合久久这里好看 第九影院_神马电影网_伦理片_伦理电影_第九影院九影网 日本色图专区,亚洲图片偷拍图片区314,色欧美 亚洲1图片专区 狼人干综合影院福利在线观看_亚洲综合视频资源_狼人干综合伊人网最新地址 成av人电影在线观看,亚洲图片偷拍图片区314,夜夜撸日日日射 欧美图片_欧美风情图片,欧美美女图片 神马电影网_神马电影_神马影院_第九影院_伦理片手机看片 神马电影网_神马电影_神马影院_第九影院_伦理片手机看片 神马影院_神马电影手机看片,伦理、限制级电影在线观看 - 我不卡 欧美色图_欧美性色av首页在线播放 小说_无码 久久爱 神马电影网_手机看片_神马影院福利_神马影视伦理在线观看尽在神马影院 神马影院-神马影院在线观看,最新视频,神马电影,爱神马电影 白旗影视-神马影院,神马影院在线观看,神马电影,神马影视,神马电影网 偷拍久久国产视频|老司机在线国产|亚洲偷拍|手机看片福利永久国产|2017高清国产偷拍在线 三米影视-神马电影网,神马影院我不卡,伦理福利,真心电影手机在线观看 神马影院_神马影院手机电影,伦理片电影网、我不卡电影在线观看 白旗影视-神马影院,神马影院在线观看,神马电影,神马影视,神马电影网 亚洲香蕉视频在线播放_国产精品高清视频免费_国产亚洲精品在线视频 神马影院_神马电影手机看片,伦理、限制级电影在线观看 -我不卡 av天堂 av电影 亚洲av av视频 av在线 成人av 日本av 欧美av 精品国产自在线拍|国产亚洲精品在线视频|国产精品高清视频免费 神马电影网_午夜_三级_韩国伦理电影_日本伦理片手机免费 good电影_神马电影网_三级_韩国伦理电影手机在线观看 叫神马影院_神马影院三级_神马影院在线观看 08影院_神马影院午夜伦理限级_中国午夜伦理片伦理片_福利视频 黄色图片_亚洲图片偷拍图片区314_色狠狠婷婷五月丁香 神马影院_伦理电影_神马电影_免费电影_神马电影网 神马电影网_神马电影_神马影院_第九影院_伦理片手机看片 欧美色图_欧美性色av首页在线播放 小说_无码 久久爱 神马电影院午夜影院|神马电影院dy888午夜 神马影视|神马电影网|神马影院伦理|我不卡影院-特片网 神马电影,神马电影网,最新韩国伦理片在线观看 - 神马影院 日本毛片免费视频观看_国产亚洲精品在线视频_在线播放免费人成视频 神马电影院-最新神马影视手机看片在线观看-神马影院 天堂AV无码AV在线AV-亚洲日韩欧美无码av,成av人片在线观看 三米影视-神马电影网,神马影院我不卡,伦理福利,真心电影手机在线观看 自拍区偷拍亚洲视频,7 Tav国产自拍视频在线,国产偷拍视频 神马电影网-神马影视_神马影院2017在线伦理片免费看_神马电影 神马电影,神马电影网,最新韩国伦理片在线观看 - 神马影院 激情啪啪影院_激情午夜伦理_韩国伦理电影_伦理电影 神马影院_伦理电影_神马电影_免费电影_神马电影网 成av人电影在线观看_亚洲人成电影网站色 【神马电影网】-神马电影-神马影院-神马影视-手机在线观看伦理尽在真心电影网 青娱乐在线视频-亚洲自拍视频网站,亚洲视频,国产精品在线手机视频,精品国产自在线拍在线观看 神马电影网_神马电影_神马影院_第九影院_伦理片手机看片 good电影_神马电影网_三级_韩国伦理电影手机在线观看 神马电影网dy888_午夜片神马影院福利,神马影院午夜伦理限