jQuery动画数字

  • P3_674828
    了解作者
  • 12.8KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-17 05:48
    上传日期
jQuery动画数字
jQuery动画数字.zip
  • aishek-jquery-animateNumber-52916cb
  • demo
  • index.html
    1.7KB
  • jquery.color.min.js
    6.4KB
  • jquery.animateNumber.min.js
    1.4KB
  • animateNumber.jquery.json
    1.1KB
  • gruntfile.js
    1.2KB
  • bower.json
    613B
  • LICENSE
    1.1KB
  • README.md
    2.2KB
  • README.ru.md
    2.8KB
  • jquery.animateNumber.js
    5.3KB
  • .gitignore
    14B
  • package.json
    758B
内容介绍
[![Code Climate](https://codeclimate.com/github/aishek/jquery-animateNumber.png)](https://codeclimate.com/github/aishek/jquery-animateNumber) jquery-animateNumber ==================== [Demo](http://aishek.github.io/jquery-animateNumber/) | [v0.0.14 – Latest Release](https://github.com/aishek/jquery-animateNumber/releases/tag/v0.0.14) [README на русском языке](https://github.com/aishek/jquery-animateNumber/blob/master/README.ru.md) jQuery numbers animation plugin, adds 'number' property and step function to jQuery's animate function properties. Requires jQuery 1.7.0 or higher (tested with 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.0). ## Quick example ```html <p>Fun level <span id="fun-level" style="color: red; font-size: 0px;">0 %</span>.</p> ``` ```js // animateNumber accepts same arguments, as animate does // it adds only 'number' and 'numberStep' params $('#fun-level').animateNumber( { number: 100, color: 'green', // require jquery.color 'font-size': '50px', easing: 'easeInQuad', // require jquery.easing // optional custom step function // using here to keep '%' sign after number numberStep: function(now, tween) { var floored_number = Math.floor(now), target = $(tween.elem); target.text(floored_number + ' %'); } }, 1800 ); ``` [All examples](http://aishek.github.io/jquery-animateNumber/) ## Alternative plugins for same task * [jQuery Numerator](http://plugins.jquery.com/numerator/) ## Development 1. `npm install grunt-cli -g` 2. `npm install` 3. `https://github.com/gmarty/grunt-closure-compiler` 4. `grunt watch` ## Note on Patches / Pull Requests * Fork the project. * Make your feature addition or bug fix. * Send me a pull request. Bonus points for topic branches. ## License It is free software, and may be redistributed under the terms specified in the LICENSE file. ## Contributors * [Alexandr Borisov](https://github.com/aishek) * [Greg Thornton](https://github.com/xdissent) * [Tomáš Opekar](https://github.com/topik) ## A bit of advertising Since 2010 lead my own software development company [Cifronomika](http://cifronomika.com/). We doing Ruby on Rails development. Feel free to contact us :-)
评论
    相关推荐
    • jQuery动画下拉菜单
      jQuery动画下拉菜单
    • jquery 动画显示
      jquery的应用,包括jquery的一些简单事例。
    • jQuery动画联系
      里面有十个动画小项目,是联系jQuery的不错选择
    • JQUERY动画导航
      JQUERY漂亮动画导航,个人收藏的,分享给大家,建议使用
    • jquery动画笔记
      笨人的学习笔记,压缩包内有视频,关于jquery的animate部分
    • jquery动画菜单
      jquery动画菜单jquery动画菜单jquery动画菜单
    • jQuery动画详解
      jQuery动画详解
    • 高级Jquery动画
      高级Jquery 轮播点击动画 这个下载后可以直接使用. 自己可以坐下自动轮播
    • jquery动画特效
      jquery特效动画以及常用效果,案例展示这款jQuery按钮插件的使用方法也很简单,给按钮指定一个类,然后用一行JS代码初始化即可。
    • SIM800C_MQTT.rar
      使用SIM800C模块,使用MQTT协议,连接中国移动onenet平台,能实现数据的订阅、发布、存储等