重庆SEO, 关注并探索SEO与WEB技术。针对用户体验,提供白帽SEO以及PHP网站建设以及运营服务。

Jquery计数器插件

发布于 作者 [重庆SEO]

Markdown版本

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
分类:Jquery

Tags: 计数器, 插件, Jquery,

本文标题: Jquery计数器插件

本文地址: https://seonoco.com/blog/jquery-plugin-counter

版权说明: 本站遵循 CC BY-NC-SA 4.0 协议, 未表明转载信息均为原创或整理,转载或引用请注明出处,以便溯本求源。

补充说明: 本文在本站发布于2016-01-28,文中部分内容可能存在过时或不正确,请知晓!如果可以请留言告知。

本文是否有所帮助?
点赞
说一说
打赏