【前言】
本文介绍个数字滚动特效的插件,jQuery.Running.js (奔跑吧,数字!)是一款可以让数字,柱形图,饼形图跑起来的插件,支持滚动条响应。压缩后文件大小仅4k。
效果包含:数字跑动、柱形图跑动、环形图跑动等
【主体】
使用方法
(1)加载jQuery.Running.css 样式文件
<link rel="stylesheet" href="css/jquery.running.css">
(2)调用jQuery类库和jQuery.Running.min.js文件
<script type="text/javascript" src="js/jquery-1.7.2.js"></script> <script type="text/javascript" src="js/jquery.running.js"></script>
(3)启用插件 $(container).running();
$(function(){ $('body').running(); })
【总结】
最后附上官网:http://www.qietu.com/p/jquery.running.js
.
相关推荐
基于jQuery实现的数字滚动插件,适用于倒计时时数字滚动或抽奖时数字滚动
Vue 利用 vue-animate-number 插件动态展示数字 摘要:本文将介绍如何使用 vue-animate-number 插件在 Vue 项目中动态展示数字,从 0 动态滚动到指定数字。 一、安装 vue-animate-number 插件 -------------------...
该react组件用于数字滚动插件,特别适用用于金额的滚动效果
jQuery自定义数字滚动插件是一款默认自定义数值数字滚动效果。
jQuery结合GASP制作点击开始按钮数字滚动插件,十分实用的页面数字滚动代码,有多种滚动样式效果可以挑选。
jQuery数字滚动增加插件是一款支持设置总时长总数以及运动的形式。
numberAnimate js数字滚动插件
数字滚动插件
高效的数字滚动插件
jquery.numscroll.js是一款jQuery数字滚动累加动画插件。该插件可以快速的制作出炫酷的数字累计动画特效,非常实用。
纯js数字滚动累计插件是一款默认设置数值,到达指定数值停止滚动效果。
jQuery卷轴式数字滚动代码是一款jQuery基于CSS3制作的卷轴数字翻滚,随机数字上下滚动代码。
Jq打造的数字滚动插件,数字变化时,动态滚动切换,效果非常好。 我们先来看示例: CSS .textC { position:absolute; width:500px; overflow:hidden; margin-top: 100px; line-height:30px; margin-left: ...
jQuery数字滚动倒计时插件 jQuery Countdown Timer
数字滚动(web前端、JQuery),没有插件,不是animateNumber的那种数字滚动
jQuery自定义数字滚动插件是一款默认自定义数值数字滚动效果。
主要介绍了微信小程序数字滚动插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
纯js数字滚动累计插件是一款默认设置数值,到达指定数值停止滚动效果。
slowNumber.js是一款简单快速的js的数字动画插件。slowNumber.js插件以最简单的方式快速的执行数字动画特效,你甚至还可以控制每秒钟的动画帧数。
Odometer.js 数字滚动