【jq插件】Grade-打分效果

原创于 2010-09-26 06:03:49 发布 · 279 阅读

0 ·

CC 4.0 BY-SA版权

Javascript /Jquery / Bootstrap / Web 专栏收录该内容

434 篇文章

订阅专栏

本文介绍了一个使用jQuery插件实现的动态评分效果，包括加分数值、动画速度及样式配置等细节。支持两种动画类型：“upmove”和“zoom”。通过简单的配置即可应用于网页中。

一个打分效果：

$("#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”（默认）

效果看附件