<script type="text/javascript">$(function(){ //簡潔用戶評分代碼 $(".pfxtFen li").click(function(){ $(this).addClass("pfxtCur"); $(this).prevAll().addClass("pfxtCur"); $(this).nextAll().removeClass("pfxtCur"); });  $(".pfxtFen li").dblclick(function(){ $(".pfxtFen li").removeClass("pfxtCur"); }); })</script>

<style type="text/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; }</style>

<div class="pingfenxitong"> <div class="pingfenList">  <div class="pfxtTitle">功能：</div> <div class="pfxtText">你覺得這個(gè)創(chuàng)意在功能上優(yōu)秀嗎？</div> <ul class="pfxtFen" title="雙擊取消評分">  <li>1</li>  <li>2</li>  <li>3</li>  <li>4</li>  <li>5</li>  <div class="clearfix"></div> </ul>   <div class="pfxtRight"></div> <div class="clearfix"></div> </div>  <div class="pingfenList"> <div class="pfxtTitle">外觀：</div> <div class="pfxtText">你覺得這個(gè)創(chuàng)意在外觀上優(yōu)秀嗎？</div> <ul class="pfxtFen" title="雙擊取消評分">  <li>1</li>  <li>2</li>  <li>3</li>  <li>4</li>  <li>5</li>  <div class="clearfix"></div> </ul> <div class="pfxtRight"></div> <div class="clearfix"></div> </div>  <div class="pingfenList"> <div class="pfxtTitle">成本：</div> <div class="pfxtText">你覺得這個(gè)創(chuàng)意在成本上優(yōu)秀嗎？</div> <ul class="pfxtFen" title="雙擊取消評分">  <li>1</li>  <li>2</li>  <li>3</li>  <li>4</li>  <li>5</li>  <div class="clearfix"></div> </ul> <div class="pfxtRight"></div> <div class="clearfix"></div> </div>  <div class="pingfenList"> <div class="pfxtTitle">難度：</div> <div class="pfxtText">你覺得這個(gè)創(chuàng)意在難度上可行嗎？</div> <ul class="pfxtFen" title="雙擊取消評分">  <li>1</li>  <li>2</li>  <li>3</li>  <li>4</li>  <li>5</li>  <div class="clearfix"></div> </ul> <div class="pfxtRight"></div> <div class="clearfix"></div> </div>  <div class="clearfix"></div></div>