Jquery计数器插件

发布于 2016-01-28 作者 [重庆SEO]

html

<span class="count">2016</span>
jquery
/**
 * Jquery计数器插件
 * seonoco.com
 */
(function ($) {
 $.fn.nocoCount = function (options) {
 var defualts = {
 start: 0,
 end:$(this).text(),
 speed:1000
 };
 var opts = $.extend({}, defualts, options);
 var obj = $(this);

 $(this).each(function () {
 $(this).prop('Counter',opts.start).animate({
 Counter: opts.end
 }, {
 duration: opts.speed,
 easing: 'swing',
 step: function (now) {
  $(this).text(Math.ceil(now));
 }
 });
 });
 }

})(jQuery);

//使用
$('.count').nocoCount();
demo
2016
Run