jquery实现用户打分评分特效

js代码：

CSS

*{margin:0;padding:0; font-family:"微软雅黑"}
ul{ list-style:none;}
 
.pingfenxitong{
 padding:15px 0;
 width:500px;
 margin:0 auto;
 }
.pingfenList{
 float:left;
 width:500px;
 padding-right:20px;
 }
.pfxtTitle{
 font-weight:bold;
 font-size:1.2em;
 padding:4px 0;
 }
.pfxtText{
 line-height:25px;
 }
.pfxtFen{
 margin:10px 0;
 }
.pfxtFen li{
 float:left;
 width:98px;
 height:30px;
 text-align:center;
 line-height:30px;
 border:#ddd 1px solid;
 background:#f1f1f1;
 cursor:pointer;
 }
.pfxtFen li.pfxtCur{
 background:#308A95;
 color:#fff;
 border:#308A95 1px solid;
 }

HTML

 
 
 功能：
 你觉得这个创意在功能上优秀吗？
 

  
1
  
2
  
3
  
4
  
5
  
 
  
 
 
 
 
 
 外观：
 你觉得这个创意在外观上优秀吗？
 

  
1
  
2
  
3
  
4
  
5
  
 
 
 
 
 
 
 成本：
 你觉得这个创意在成本上优秀吗？
 

  
1
  
2
  
3
  
4
  
5
  
 
 
 
 
 
 
 难度：
 你觉得这个创意在难度上可行吗？
 

  
1
  
2
  
3
  
4
  
5
  
 
 
 
 
 
 

以上所述就是本文的全部内容了，希望大家能够喜欢。