JQUERY 實現星級評分

html code：

<div id="AddComment"><i class="red1" id="rat1" ></i><i class="red1" id="rat2" ></i><i class="red1" id="rat3" ></i><i class="hei1" id="rat4" ></i><i class="hei1" id="rat5" ></i><strong id="ratvalue">一般</strong></div><input type="text" id="isRank" /> 

Javascript code:

<mce:script type="text/javascript" src="/js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script><mce:script type="text/javascript" language="javascript"><!--var rattovalue=["很差","還行","一般","優良","極品"];$(document).ready(function(){$("#AddComment i").each(function(i){$(this).mouseover(function(){$("#AddComment i:lt("+(i+1)+")").attr("class","red1"); $("#AddComment i:gt("+i+")").attr("class","hei1"); $('#ratvalue').html(rattovalue[i]); })$(this).click(function(){$("#isRank").attr("value",i+1); })$(this).mouseout(function(){var cur_star = parseInt($("#isRank").val())-1; $("#AddComment i:lt("+(cur_star+1)+")").attr("class","red1");$("#AddComment i:gt("+cur_star+")").attr("class","hei1"); })})});// --></mce:script> 

PS: red1爲選中時星星的樣式    hei1爲未選中時星星的樣式