CSS:
ul{list-style-type:none;}
#star{position:relative;width:100%;margin:5px;height:26px;line-height:26px;}
#star ul,#star span{float:left;display:inline;height:26px;line-height:26px;}
#star ul{margin:0px 5px; padding:0px;}
#star li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(../images/icon.png) no-repeat;}
#star li.on{background:url(../images/star.png) no-repeat;}
HTML:
<div id="star">
<span>点击星星就能评价</span>
<ul style="width:150px;">
<li><a href="javascript:;">1</a></li>
<li><a href="javascript:;">2</a></li>
<li><a href="javascript:;">3</a></li>
<li><a href="javascript:;">4</a></li>
<li&