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为未选中时星星的样式