js写圆形动态进度条圆形指示器,动画怎么实现,进度条变色,radialIndicator.js的使用说明用法
来源:互联网 发布:看图学单词知乎 编辑:程序博客网 时间:2024/04/28 12:07
刚开始接触了radialIndicator.js 的时候由于位置放错了, 把script 语句放在了加载这个文件的上方, 以至于加载的时候读取我的 js 代码没有效果,这个小毛病在开发的过程中要注意的。
下面我把我的代码贴出来, 同学们直接在本地, 就可以使用测试了 , 不要忘记了, 加载radiaindeicator 的位置哦
<!doctype html><html lang="zh"><head></head><body> <div id="indicatorContainer"></div> <div id="memory"></div> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="js/radialindicator.js"></script> <script type="text/javascript">radialIndicator.defaults.initValue = 100; //指示器赤初始值var memoryjs = $('#memory').radialIndicator({ barWidth: 10, radius:200, roundCorner: true, percentage: true, barColor: { 0: '#33CC33', 33: '#37BC9B ', 66: '#23B7E5', 100: '#FF0000'},percentage: true}).data('radialIndicator'); //Using Instance memoryjs.animate(5); </script></body></html>
还有一些参数在jquery 之家那边有表述, 希望能给大家帮助
2 0
- js写圆形动态进度条圆形指示器,动画怎么实现,进度条变色,radialIndicator.js的使用说明用法
- 圆形指示器radialIndicator控件的使用
- 圆形进度条动画效果实现
- 带动画的圆形进度条
- CAShapeLayer 动画圆形进度条
- jquery写的一个圆形动画加载进度条
- 圆形进度条的实现方法
- Libgdx 圆形进度条的实现
- android:圆形进度条的实现
- Android实现圆形进度条
- android 实现圆形进度条
- android带动画的圆形进度条
- 圆形进度条以及百分率指示器 Scroller类的练习
- 自定义的圆形进度条
- Android 帧动画 圆形进度条
- 圆形进度条
- 圆形进度条
- 圆形进度条
- mybatis中foreach的解释
- [源码]ARouter
- CAN网络学习总结
- Android 判断某个Intent是否可用
- SEL的简单解释
- js写圆形动态进度条圆形指示器,动画怎么实现,进度条变色,radialIndicator.js的使用说明用法
- 为不同的环境的配置设置的WebPack
- C++中this指针
- NIO核心框架介绍
- mysql 从某 id 开始,连续查询 10 条数据
- STM32 USB转TTL串口
- linux学习笔记002
- Unity 网格合并
- textview中点击效果实现,比如点击textview中实现图片和文字的颜色变化(类似于button)