怎么使用spin.js-创新互联

本篇内容介绍了“怎么使用spin.js”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

成都创新互联公司主营友好网站建设的网络公司,主营网站建设方案,成都APP应用开发,友好h5微信小程序定制开发搭建,友好网站营销推广欢迎友好等地区企业咨询

spin.js是一款基于jQuery的Loading动画插件,和之前分享的CSS3Loading动画应用不同的是,这款Loading动画是基于jQuery的,意味着兼容性更好;

spin添加引用:

<!--bootstrap-4.1.3-->

<linkrel="stylesheet"href="/Content/new_wechat/dist/bootstrap-4.1.3/css/bootstrap.min.css"/>

<!--jQuery2.2.3-->

<scriptsrc="/Content/AdminLTE/plugins/jQuery/jquery-2.2.3.min.js"></script>

<!--/bootstrap-4.1.3-->

<scriptsrc="/Content/new_wechat/dist/bootstrap-4.1.3/js/bootstrap.min.js"></script>

<!--layer-->

<scriptsrc="/Content/layer/layer.js"></script>

<!--spin添加js引用-->

<scriptsrc="/Content/new_wechat/dist/spin-2.3.2/spin.js"></script>

spiner的父容器:

<!--bootstrap的model框-->

<divid="spin-loading"class="modal"data-keyboard="false"data-backdrop="static">

<divclass="modal-dialog"></div>

</div>

spiner初始化参数：

//opts可从网站在线制作

varspin_opts={

lines:10,//花瓣数目

length:0,//花瓣长度

width:20,//花瓣宽度

radius:40,//花瓣距中心半径

scale:0.75,

corners:1,//花瓣圆滑度(0-1)

opacity:0,

“怎么使用spin.js”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！

本文题目：怎么使用spin.js-创新互联
文章URL：https://www.cdcxhl.com/article30/cdoipo.html

成都网站建设公司_创新互联，为您提供企业网站制作、软件开发、网站内链、虚拟主机、网站设计、定制开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联