【jq插件】Grade-打分效果

一个打分效果:

[code=”javascript”]

$(“#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”

})[/code]

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

speed:动画执行的速度

fontStyle:执行动画的层样式

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

演示地址:https://www.html.cn/demo/grade/

下载地址:https://www.html.cn/demo/grade/grade.rar

赞(0) 打赏
未经允许不得转载:WEB前端开发 » 【jq插件】Grade-打分效果

评论 10

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    这个够帅哈,可以借鉴一下

    万戈9年前 (2010-05-10)回复
  2. #-48

    效果比较平滑 不错

    老马9年前 (2010-05-10)回复
  3. #-47

    效果不错,怎么感觉用处不大,呵呵。

    uoian9年前 (2010-05-11)回复
  4. #-46

    不错,不错,用处不小。

    crossyou9年前 (2010-05-11)回复
  5. #-45

    这玩意好酷。特别是演示里的第二个~

    kaka9年前 (2010-05-11)回复
  6. #-44

    在zoom模式下,数值大于3位数时,动画效果有点移位。

    hp9999年前 (2010-05-22)回复
  7. #-43

    这个很动感….

    MOPVHS9年前 (2010-05-25)回复
  8. #-42

    帅呆了,呵呵

    365joomla7年前 (2011-08-20)回复
  9. #-41

    这个类似+1效果。

    Demon7年前 (2011-10-14)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏