js轻量级计数器动画特效插件

countUp.js是一款轻量级的、无依赖的计数器动画特效js插件。它能够帮助我们快速的通过多种方式创建计数器的动态变化效果。还可以控制计数器的暂停、恢复、重置等状态。通过设置startVal和endVal参数，countUp 可以在任何一个方向上计数。countUp兼容性超强，兼容所有的浏览器。

在线演示：http://www.htmleaf.com/Demo/201501271287.html

下载地址：http://www.htmleaf.com/jQuery/Text-Link-Effects/201501271286.html

时间： 2024-11-11 17:51:10

js轻量级计数器动画特效插件的相关文章

jQuery.smoove — jQuery和CSS3炫酷滚动页面内容元素动画特效插件

插件介绍: jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件.该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转.翻转.放大缩小等动画特效.使用Smoove页面滚动元素动画特效插件可以很轻松的制作出各种华丽的CSS3动画效果. 基本用法 $('.smoove').smoove(options); 上面的代码会在class为 smoove 的元素上使用默认参数初始化 jQuery Smoove. 你可以通过dat

jQuery炫酷插入和移动元素动画特效插件

Magic Move是一款效果非常棒的jQuery炫酷插入和移动元素动画特效插件.这款插件可以以非常平滑的方式在指定元素之前插入其它元素,并且当最右边的元素超出容器时会自动下移插入到下一行的第一个位置. 在线演示:http://www.htmleaf.com/Demo/201503061473.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503061472.html

基于Animate.css的jQuery动画特效插件

janimate是一款非常实用的基于Animate.css的jQuery动画特效插件.该动画特效插件允许你在jQuery代码中操纵Animate.css的66种动画效果.通过该插件可以简化Animate.css的使用,非常方便. 使用这个插件可以通过jQuery选择器来选择你想要进行动画的元素,然后调用jAnimate()或jAnimateOnce()方法,并传入你想要执行动画效果的名称即可. 效果演示:http://www.htmleaf.com/Demo/201504121666.html

JS框架_(coolShow.js)图片旋转动画特效

coolShow.js插件图片旋转动画效果 <!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>coolShow.js插件图片旋转动画特效</title> <link href="css/coolShow.css" rel="

带loading指示器的js提交按钮动画特效

Ladda是一款内置Loading指示器和进度条的提交js按钮特效插件.该js按钮特效用于制作提交按钮,在点击按钮后,按钮上会出现无限循环的Loading指示器和加载进度条效果.这种设计大大增强了用户的体验性. 该js按钮特效插件在Chrome和Firefox上进行了测试.它可以很好的工作在当前最新版本的Chrome, Firefox, Safari和IE9+浏览器上在线演示:http://www.htmleaf.com/Demo/201503101495.html 下载地址:http://w

基于HTML5 SVG和Rapha?l.js的混合图标动画特效插件教程

一.安装 $ npm install hybicon $ bower install hybicon 二.使用方法 <script src="js/required/raphael.min.js"></script> <script src="js/hybicon.min.js"></script> 三.Html结构 <div data-hybicon="icon1-icon2"><

基于HTML5 SVG和Raphaël.js的混合图标动画特效插件教程

一.安装$ npm install hybicon$ bower install hybicon 二.使用方法<script src="js/required/raphael.min.js"></script><script src="js/hybicon.min.js"></script> 三.Html结构<div data-hybicon="icon1-icon2"></div

9种CSS3炫酷图片展开预览展示动画特效

详细内容请点击在线预览立即下载这是一组共9款CSS3炫酷图片预览展示动画特效插件.css的新特性可以让我们制作出各种炫酷的动画效果.该图片预览展示动画特效就是一个很好的例子,该效果开始时图片堆叠在一起,当鼠标滑过图片时,图片会以9种不同的方式展开,有扇形.平面展开等等非常酷的效果. html: 下面来看看这个图片预览展示动画特效的HTML结构.整个结构使用一个div.albums作为包装容器.它的宽度被设置为1100像素.<div class="albums"><

html5炫酷购物车结算动画特效

这是一款效果十分炫酷的html5购物车结算动画特效插件.该购物车结算动画提供了4种效果,每种效果都使用CSS3来制作炫酷的动画特效,这些效果使用户的购物结算体验大大的增强了. 在线演示:http://www.htmleaf.com/Demo/201501231255.html 下载地址 :http://www.htmleaf.com/html5/html5muban/201501231254.html