先上代码 本插件使用 typescript 编写， js 请查看 GITHUB 本插件内置两个方法： 1.简单的图片加载。可以参考增加加载动画 给 img 的 src 设置一张 加载动态图片 2.局部加载。依赖 template 函数（参考 art-template） 主要有两个参数 : data- ...
分类：
Web程序 时间：
2017-06-23 22:54:59
阅读次数：
205
0.静态效果图 1.画弧度的代码 * 这里还有另一个方式 后者做成旋转动画效果不如前者,肉眼能感到差异,在chrome49. 2.画扇形的代码 * 画扇形不可以定义宽度和长度,其余与画圆弧相同 3.less 封装画圆弧和扇形的代码 .arc(@direction,@style){ @color:~` ...
分类：
其他好文 时间：
2017-06-20 10:53:21
阅读次数：
178
存在问题： 最近接手公司一个比较成熟的产品项目开发（WPF桌面端），由于系统规模略大，由经手多人开发。里面的混乱可想而知。 其中，在登陆系统加载时，实现方式让人无语。60张图片，实现loading闪耀加载。 代码如下： private void LoadPics() { try { _storybo ...
.loadEffect{ width: 100px; height: 100px; position: rela... ...
分类：
Web程序 时间：
2017-06-02 11:32:08
阅读次数：
157
简单效果图： html: <div class="box"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> css: .box{ width: 200px; height: 80px; margin: 200p ...
分类：
Web程序 时间：
2017-05-11 22:37:40
阅读次数：
338
悄悄地，GIF 格式的进度条已经越来越少，CSS 进度条如雨后春笋般涌现。今天要介绍的这个 CSS3 进度条，效果和 Flyme OS 4 上的加载动画一样。 首先，来看下最终的效果： ...
分类：
Web程序 时间：
2017-05-08 14:41:35
阅读次数：
217
Android的加载动画AVLoadingIndicatorView 项目地址： 首先，在 build.gradle.中添加； 然后在xml中使用； 也可以通过代码显示或者隐藏； QuantityView 类似购物车数量调节： 效果图： 项目在GitHub上的地址： 项目使用： 在gradle中添加 ...
分类：
其他好文 时间：
2017-04-26 13:07:13
阅读次数：
586
之前一直看别人写的各种svg动画，画的svg图画，感觉好炫酷，也感觉好难，总有一种无法入手的感觉。但最近由于工作需要，要做一些小动画，要模仿app的原生的，就做了一些尝试及学习。下面是我的一些学习心得： 要做svg动画，就要首先了解一下svg动画的过程 以圆形缓冲加载动画为例： 首先要确定画布的位置 ...
分类：
其他好文 时间：
2017-04-02 11:06:44
阅读次数：
186
Loading 动画效果一 HTML 代码： 1 2 3 4 5 6 7 <div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <div class="r ...
分类：
Web程序 时间：
2017-03-29 17:59:40
阅读次数：
347
