Html加jq实现5星好评效果,jQuery动态星级评分效果实现方法

本文实例讲述了jQuery动态星级评分效果实现方法。分享给大家供大家参考。具体如下：

这里的jQuery星级评分代码，是大家都很喜欢的功能，目前广泛应用，本星级评分加入了动画效果，注意，如果要真正实现星级评分，你需要动态程序配合，如ASP/PHP等，以便将评分值存入数据库。

运行效果如下图所示：

具体代码如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

jquery超漂亮星级评分

.user_rate {font-size:14px; position:relative; padding:10px 0;}

.user_rate p {margin:0; padding:0; display:inline; height:40px; overflow:hidden; position:absolute; top:0; left:100px; margin-left:140px;}

.user_rate p span.s {font-size:36px; line-height:36px; float:left; font-weight:bold; color:#DD5400;}

.user_rate p span.g {font-size:22px; display:block; float:left; color:#DD5400;}

.big_rate