Jquery五角星評分效果

採用Jq Css製做的五角星評分效果，主要是利用CSS的background-image以及background-position來調整咱們的背景圖片，以及Jq來選擇要變化的元素。代碼很是簡單，只有幾行。

Jq:

$(".formItemDiff").hover(function() {                 $(this).css("background-position", "0px -555px");                 $(this).prevAll().css("background-position", "0px -555px");                 $(this).nextAll().css("background-position", "0px -575px");                               $("#pointP").html($(this).prevAll().length 1 "分");             });     });

CSS:

.formItemDiff {

    width: 20px;

    height: 20px;

    background-image: url(http://www.pengyaou.com/food/Images/diff.png);

    background-position: 0px -575px;

    float: left;

    margin-top: 15px;

}