今天要介绍的是一款基于HTML5和CSS3的进度条应用，这款进度条是静态的，仅提供进度条的五彩外观。当然你可以在CSS中动态设置进度值来让其变得动态，一个很好的实现方式是利用jQuery动态改变CSS中的进度值，让进度条实时动起来。具体效果大家可以看演示。 你也可以在这里查看在线演示 接下 ...

上节主要做了动画的实现，感觉还是比较有意思的。游戏的性能好不好，重绘应该比较重要吧，菜鸟瞎想了下 呵呵。本节就要做对泡泡的操作，上节后面提到了点击泡泡后泡泡要做出闪动响应，那我们我们如何获得被点击了哪个泡泡呢？其实Canvas也是html的一个元素而已，所以我们可以给Canvas加click事件 ...

　　上节中讲了如何寻路，在和朋友们讨论时都反应有时走的不太对，绕远路了，其实代码主要是大方向的判断 比如目标在右上，那应该是先右还是先上 这个并没有做处理，如果这个做了处理，效果会更好一些，但也难免 ...

今天整理的这个动画估计大家都不会陌生，彩环旋转，看过之后是不是觉得很熟悉，对，这个就是优酷视频APP里面的加载动画。本人空余时间喜欢看些视频，留意到这个动画后就想用代码实现出来，今天整理了下，跟大家分享，如果有大牛能提出更好的实现方法，欢迎补充。案例请在chrome中查看。 这个动画的实现 ...

上次简单的介绍了下如何用代码实现菊花旋转的加载动画，动画点击，这次继续我们的动画系列，实现另外一种加载动画，圆环旋转。与上次不同的是，菊花旋转是通过改变元素透明度来实现动画，这次因为考虑到元素叠加，加上元素本身带有背景色，如果改变透明度会影响效果，所以直接改变元素的背景颜色，加上适当的延时，就可以 ...

说到Loading加载动画，大家再熟悉不过了，目前主要有三种形式： 1.条状加载进度条动画。 2.圆形或者环形加载动画。 3.个性化的加载动画。 通过这三种方式，可以变化出 各种好看的加载动画，特别是第三种方式。至于如何创建这些加载动画，目前主要可以通过静态图片 ...

其实我想做的是加载进度条效果，但是假的进度条太烂，真的又没有特别好的办法，判断图片这种总感觉比较漏。 这是代码，有完美解决方案了解决。 ...

如题，使用canvas实现如图效果，该效果用于手机端，也可以用于支持canvas的PC浏览器 实现思想：在画布上画多重扇圆进行颜色叠加，最后在顶层加上一个白色并且半径最小的圆覆盖，使视觉上形成一个圆环。　　　　　第一层是一个灰色的全圆　　　　　第二层是从12点钟方向顺时针开始画的红色扇圆 ...