酷炫数字动画,可自定义翻滚速度(原创)

所属分类:导航,其他,UI-动画效果,滚动

 19165  129  查看评论 (0)
分享到微信朋友圈
X
酷炫数字动画,可自定义翻滚速度(原创) ie兼容8

更新时间:2020-11-30 09:15:18

使用方法

引入css与js

<link rel="stylesheet" href="css/jquery.count.min.css" />
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery.count.min.js"></script>

 调用方式

// 整数翻滚 
$("#intSpan").numberRockInt({
    initNumber: initNumber, //初始值
    lastNumber: lastNumber, //最终值 
    easing: "swing", //swing(默认 : 缓冲 : 慢快慢) linear(匀速的) 
    duration: duration, //动画用时 
    step: step //更新间隔,更新间隔越大,肉眼越能够分辨 
});
//小数翻滚 
$("#floatSpan").numberRockFloat({
    initNumber: initNumber, //初始值
    lastNumber: lastNumber, //最终值 
    easing: "swing", //swing(默认 : 缓冲 : 慢快慢) linear(匀速的) 
    duration: duration, //动画用时 
    step: step, //更新间隔,更新间隔越大,肉眼越能够分辨
    fixedSize: fixedSize //小数后保留几位有效数字
});
相关插件-动画效果,滚动

简单实用的jQuery和CSS3卡片自动翻牌特效

这是一款简单实用的jQuery和CSS3卡片自动翻牌特效。该卡片翻转效果使用CSS3透视和backfacevisibility属性来制作卡片正反面效果,并使用jQuery使其自动旋转起来。
  动画效果
 49938  357

点击效果Google Design 谷歌的设计团队

效果是 Google Design 也就是谷歌的设计团队博客用到了这个效果 , 当时的第一感觉就是 擦 ,google就是牛逼, 一个按钮点击也要酷到不要不要的了
  动画效果
 39620  500

HTML5 Canvas粒子效果文字动画特效(酷!)

HTML5 Canvas粒子效果文字动画特效
  动画效果
 127407  1276

love

程序员之间的故事
  动画效果
 40229  623

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

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