DynamicData更新版

所属分类:其他-动画效果

 28624  295  查看评论 (0)
分享到微信朋友圈
X
DynamicData更新版 ie兼容6

使用说明

1使用之前首先点击reset开始重置数据,可以点击多次找到合适的数据,如果使用自己的数据接口,点击一次即可,这里的数据是随机产生的。

ue-5b6571a6-6013-11e4-be55-00163e001348.png


2然后点击show就可以动态更新,可以看到蓝色的点和绿色的连线,如果数据纵坐标超过一定的阀值就会绘制蓝线提醒其纵坐标位置.

ps:经过改良,动态更新时,点击reset按钮和stop按钮都是无效的

ue-6b40438a-6013-11e4-9f57-00163e001348.png


3点击stop按钮停止动态更新,此时可以点击clear清屏,也可以点击reset重置数据。数据重置完成后可以点击show开始展示.

ps:停止动态更新后,可以右击屏幕选择图片另存为保存图片数据

ue-79431246-6013-11e4-b07f-00163e001348.png

相关插件-动画效果

图片酷炫粒子动画效果

学习es6顺便写的 使用canvas粒子化图片 利用easying.js里面的公式计算粒子动态轨迹方程 x轴方向和y轴方向的公式均可以选择 可以设置粒子运动时间档
  动画效果
 53692  487

非常简单好用的一个数字滚动插件countUP

通过给JQuery 添加方法,可以定义小数点前后显示位数,数字后面是否显示%或者其他符号,并带有回调函数。
  动画效果
 65840  424

three.js 创建 多面立方体

基于three.js 创建6面立方体模型 可旋转添加动画
  动画效果
 26773  311

css3实现鲨鱼游动(酷)

css3实现鲨鱼游动,效果非常酷哦。
  动画效果
 37749  414

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复