一个打分效果:

$("#numberBox").grade({addNum:5,speed:300,fontStyle:{                 "width":"100px",                 "height":"100px",                 "position":"absolute",                 "top":"0", "left":"0",                "font-size":"36px",                 "font-weight":"700",                 "text-align":"center",                 "line-height":"100px"},gradetype:"upmove"//默认“zoom”
})

addNum:加分的数值,可以为负数

speed:动画执行的速度

fontStyle:执行动画的层样式

gradetype:动画的类型,有:”upmove”何“zoom”(默认)

效果看附件

【jq插件】Grade-打分效果相关推荐

  1. JS_自己写的JQ插件

    看了<<锋利的jQuery>>之后,受益匪浅,特别是有关代码风格方面的内容. 于是想把以前写的一些JQ插件整理一下,以留备用...(里面也有一些书中的例子,我也放进去了) 其它 ...

  2. 【传智播客郑州校区分享】JQ插件机制

    JQ插件概述 所谓的jquery插件,其实就是利用jquery语法,完成的一些工具或者模块.jquery插件是jQuery功能的扩展.可以让开发人员能更好更快速的完成某些特定的需求,只需要用很少的代码 ...

  3. jq插件的基础知识,以及小demo

    什么是插件 ,jq插件,优点,缺点 ,未完待续- JQ插件就是用JQ代码编写的工具.就比如说我们用的模板,如EasyUi.我们只需要引入EasyUi的JS文件,然后调用它对应的方法,效果就出来了.实现 ...

  4. html5 div拖拽插件,div拖拽插件——JQ.MoveBox.js(自制JQ插件)

    有一段时间没更新博客了,都不知道忙些什么,学习也没什么进展,惭愧. 这一周空闲的时间学着自己写一下JQ插件. 以前用原生的JS做过类似拖拽div的效果,现在按原思路改做成一个JQ的小插件,当作制作JQ ...

  5. Unity的NGUI插件篇——入场效果

    Unity的NGUI插件篇--入场效果 入场效果 入场效果需要借助于NGUI提供的TweenPosition类来完成,为了说明此类的使用方法,本节将使会讲解两个示例.本文选自  大学霸 <NGU ...

  6. Leaflet中使用leaflet.easyPrint插件实现打印效果

    场景 Leaflet快速入门与加载OSM显示地图: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122290880 在上面的基础 ...

  7. Leaflet中使用Leaflet-MiniMap插件实现小地图效果

    场景 Leaflet快速入门与加载OSM显示地图: Leaflet快速入门与加载OSM显示地图_BADAO_LIUMANG_QIZHI的博客-CSDN博客 在上面的基础上,怎样使用插件实现小地图效果如 ...

  8. jQuery自定义漂亮的下拉框插件8种效果演示

    原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示  在线预览 下载地址 实例代码 <!DOCTYPE html> <html lang="en& ...

  9. jq插件处女座 图片轮播

    好久没写博客了,变得好懒呀,无地自容.最近一直在学sass和jq插件的写法,照猫画虎的谢了一个jq的插件,也算是第一次真正称得上插件的插件 ,废话不多说 上代码 (function($) { $.fn ...

最新文章

  1. SVN 常用操作命令 使用笔记
  2. Programming Computer Vision with Python (学习笔记十一)
  3. Go语言_通神路五耀篇(3)
  4. 使用 HTMLTestRunner.py
  5. Linux基础-2.目录文件的浏览、管理及维护
  6. ubuntu安装操作HttpSQS高速队列
  7. python paramiko 模块简介(SSH2协议)
  8. leetcode 76 python
  9. 洛谷P2732 商店购物 Shopping Offers
  10. 调用百度“搜索建议(BaiduSuggestion)”的 API
  11. 人生的意义,在于不断地超越自己
  12. arduino最大电压_制作Arduino功率计测量电压电流及功耗
  13. Blender2.8以及2.9版本 摄像机设置方式笔记
  14. 今日恐慌与贪婪指数为23,恐慌程度有所下降
  15. 【面试】 CVTE 视源股份 C++ 软件开发 二面
  16. 【论文解读 ICEIT2022】Heterogeneous Graph Based Knowledge Tracing基于异构图的知识追踪
  17. 【Shell 脚本速成】01、编程语言与 Shell 脚本介绍
  18. 做测试8年,33岁前只想追求大厂高薪,今年只求稳定收入
  19. java实现登录验证机制的技术_基于token的登陆验证机制
  20. 一个 70 后运维老兵的 Elastic 认证工程师之路

热门文章

  1. 校门外的树(信息学奥赛一本通-T1107)
  2. 信息学奥赛C++语言:求阶乘
  3. 信息学奥赛C++语言:输出浮点数(1)
  4. 56 FI配置-财务会计-固定资产-资产数据传输-定义历史数据传输的抵销科目
  5. 高通qcc芯片天梯图_芯片性能天梯榜“爆冷”,骁龙888无法撼动麒麟9000的王位...
  6. MATLAB中disp的用法
  7. linux 参数扩展,Shell Bash 中的参数扩展
  8. CSS 文字垂直居中自适应 - 代码篇
  9. Vue调试神器vue-devtools - 插件下载安装
  10. uniCloud免费云存储图床源码